1. 程式人生 > >CSS/JQuery元素選擇器之&&和||,選擇器的邏輯操作

CSS/JQuery元素選擇器之&&和||,選擇器的邏輯操作

使用CSS或JQuery選中元素的時候,很多時候我們需要對條件進行&&或者||操作。

JQuery或者CSS中的||操作是很常用的,也很簡單,就是通過逗號來分隔的。

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']")