首页 > 代码库 > CSS/JQuery元素选择器之&&和||,选择器的逻辑操作

CSS/JQuery元素选择器之&&和||,选择器的逻辑操作

使用CSS或JQuery选中元素的时候。非常多时候我们须要对条件进行&&或者||操作。


JQuery或者CSS中的||操作是非经常常使用的。也非常easy,就是通过逗号来分隔的。

selector1,selector2,selectorN
比方我们想选中div或者span,那么能够通过$("div,span")来选中满足条件的元素。


CSS或JQuery中的&&。我所见过的大部分都是用class进行的,不知道是不是仅仅有这样的方式。

.className1.className2.classNameN
比方我们想选中某个div,这个div必需有lily和lucy这2个class,那么能够通过.lily.lucy来选中。


JQuery中特有的&&操作,不只局限于class属性,灵活性更大

[selector1][selector2][selectorN]
比方我们想选中某个div,这个div的class是angle,id是aty_id,那么能够使用$("div[id=‘aty_id‘][class=‘age‘]")

CSS/JQuery元素选择器之&&和||,选择器的逻辑操作