使用jQuery定位链接href =“”

Question

我正在尝试以jQuery为目标：

<link rel="stylesheet" href="css/test.css">

我不知道如何设置默认路径（css文件夹）？

<button data-button="test">Just a Test</button>


<script>
var button = $('button'),
    link = $('link'),
    stylesheet = $(this).data('button');

    button.on('click', function() {
        console.log(this);
        link.attr('href', stylesheet + '.css');
});
</script>

现在，仅当css在根目录中时，这才会更改按钮单击时的css。因此，我如何告诉他CSS的默认路径为“ css /”。

试图找到没有成功的地方。

PS一个问题与JS有关，但与标题无关。

更合理的是：

var $something = $('#something');
or
var something = $('#something');

Answer 1

这样简单

link.attr('href', 'css/' + stylesheet + '.css');

Answer 2

如果要切换样式表，则应改用备用样式表 。

<link rel="alternate stylesheet" href="css/test1.css">
<link rel="alternate stylesheet" href="css/test2.css" disabled>

然后，在jQuery中，您可以删除/添加disabled属性以切换样式表：

var links = $("link[rel='alternate stylesheet']");
var button = $("button");

button.on('click', function() {
    links.filter(":disabled").prop("disabled", false).siblings().prop("disabled", true);
});

Answer 3

为什么不在代码本身中简单提到路径css/

link.attr('href', 'css/'+stylesheet + '.css');

为了回答您的其他问题，

var $something和var something都是有效的变量名。 您的选择。