jquery選擇器和css選擇器

2021-08-07 20:18:42 字數 665 閱讀 2731

今天開發中碰到乙個問題。

class="maindiv">

class="mydiv">

name=""

id="">

div>

class="mydiv">

name=""

id="">

div>

class="mydiv">

name=""

id="">

div>

class="mydiv">

name=""

id="">

div>

div>

是這樣,我獲取class=」mydiv」下面的某乙個select

於是我這麼寫

$(

'.maindiv .mydiv select:nth-child(2)');

結果怎麼都找不到節點,後來發現我犯了乙個主觀主義錯誤:

因為一般情況下css選擇器的寫法在jquery裡面都好使 所以我就直接將css的寫法寫在了jq裡面。

正確的寫法應該是

$(

'.maindiv .mydiv select:eq(2)');

雖然jq的很多選擇器和css差不多 不過還是有區別的。

jquery選擇器

CSS和jQuery選擇器

css選擇器主要包括 標籤選擇器,id選擇器,類選擇器,臨近選擇器,後代選擇器,子 選擇器,屬性選擇器,群組選擇器,通配選擇器,偽類選擇器 jquery選擇器主要包括 基本選擇器,層次選擇器,過濾選擇器,表單選擇器 1基本選擇器,例如 id class div div,span,p.myclass ...

css和jquery選擇器

基本 id選擇器 類選擇器 萬用字元 元素選擇器 element 並集選擇器 div1,div2 交集選擇器 無 div1 div2 層級後代 空格 所有後代元素 子代 所有子元素 相鄰的下乙個兄弟元素 ul div ul相鄰的下乙個元素且為div 後面的所有兄弟元素 ul div ul後面的所有兄...

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...