使用jQuery更改元素css而不使用类或ID？

Question

假设我们有未知数量的div元素。当我们点击元素时，元素必须更改其背景颜色。如何不使用类或 ids 。

注意：我发现了一些类似主题的问题，但它们并不是我想要的。

我的意思是像：

$(element).click(
    function(){
       $(element).css("background-color","#DDDDDD");
    }
);

HTML：

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS：

div{
height:10px;
width:10px;
float:left;
border-radius:50%;
margin:2px;
background-color:#00A2E8;
}

DEMO

Answer 1

你非常接近，只需在函数中引用元素本身。

$("div").on("click",
    function(){
       $(this).css("background-color","#DDDDDD");
    }
);

Answer 2

喜欢这个吗？

$('div').click(function() {
  $(this).css('background-color', '#DDDDDD');
});

https://jsfiddle.net/ooyjLsy4/2/

Answer 3

您可以使用＆＃34; this＆＃34;在jquery中完成你所要求的。

$('div').click(
    function(){
      $(this).css("background-color","{{Your Color}}");
    }
);

Answer 4

如果您想获取特定类型的所有元素，可以直接使用其名称$('div')，$('a')，$('span')等。

如果您有活动（click，mouseover，change等），则只需使用$(this)即可访问触发该活动的特定控件在那个事件区内。

因此你应该这样：

$('div').click(
    function(){
        $(this).css("background-color","#DDDDDD");
    }
);

Answer 5

您正在寻找的是jquery中的元素选择器。只需执行$（“div”）即可选择所有div元素。有关选择器的更多信息，请访问this page。