javascript - Jquery 选项作为变量

Question

您好，我的 Jquery 扩展中有一个静态选项。选项是颜色：“蓝色”

$(ele).test({color:"color"});

//我在下面试过这个

var anoption=“颜色”；$(ele).test({anoption:"blue"});

但它没有工作。有没有像上面尝试的那样将另一个变量序列化为选项名称？

Answer 1

对象根本不是那样工作的。如果要设置对象的属性，其中所述属性的名称包含在变量中，则必须使用括号表示法。例如，

var options = {}, anoption = "color";
options[anoption] = "blue";
$(ele).test(options);

Answer 2

我相信您会想要制作如下功能：

function changeColour(colour,ele){
    $(ele).css({'color':colour});//this will change the colour of the text
}

现在要运行这个函数，你需要调用它。因此，让我们对元素进行函数调用。我们可以通过两种方式做到这一点。document.ready一个在它自己的元素上的javascript函数中。

jQuery 选择器功能：

$('#element').click(function(){
    changeColour('#FF0000',$(this)); //this will send the colour: #FF0000 being red and your element.
}

在元素本身内：

<div id="element" onClick="changeColour('#FF0000','#element')">
    <p>Content</p>
</div>

现在有一种更简单的方法可以使用 jQuery 来做到这一点：

$('#element').click(function(){
   $(this).css({'color':'#FF0000'});
});