jquery根據屬性查詢元素

2022-08-09 10:00:16 字數 2925 閱讀 8388

1.查詢所有含有 id 屬性的 div 元素

<

div>

<

p>hello!

p>

div>

<

div

id="test2"

>

div>

jquery**:$("div[id]")

2.查詢所有 name 屬性是 newsletter 的 input 元素

<

input

type

="checkbox"

name

="newsletter"

value

="hot fuzz"

/>

<

input

type

="checkbox"

name

="newsletter"

value

="cold fusion"

/>

<

input

type

="checkbox"

name

="accept"

value

="evil plans"

/>

jquery**:$("input[name='newsletter']")

3.查詢所有 name 屬性不是 newsletter 的 input 元素

<

input

type

="checkbox"

name

="newsletter"

value

="hot fuzz"

/>

<

input

type

="checkbox"

name

="newsletter"

value

="cold fusion"

/>

<

input

type

="checkbox"

name

="accept"

value

="evil plans"

/>

jquery**:$("input[name!='newsletter']")

4.查詢所有 name 以 'news' 開始的 input 元素

<

input

name

="newsletter"

/>

<

input

name

="milkman"

/>

<

input

name

="newsboy"

/>

jquery**:$("input[name^='news']") //name屬性值以news開頭的input元素

5.查詢所有 name 以 'letter' 結尾的 input 元素

<

input

name

="newsletter"

/>

<

input

name

="milkman"

/>

<

input

name

="jobletter"

/>

jquery**:$("input[name$='letter']")

<

input

id="man-news"

name

="man-news"

/>

<

input

name

="milkman"

/>

<

input

id="letterman"

name

="new-letterman"

/>

<

input

name

="newmilk"

/>

$("input[id][name$='man']")//查詢帶有id屬性,並且name屬性值以man結尾的input元素

prev + next:匹配所有跟在 label 後面的 input 元素

<

form

>

<

label

>name:

label

>

<

input

name

="name"

/>

form

>

<

input

name

="none"

/>

jquery**:$("label + input")

prev ~ siblings:找到所有與表單同輩的 input 元素 

<

form

>

<

label

>name:

label

>

<

input

name

="name"

/>

<

fieldset

>

<

label

>newsletter:

label

>

<

input

name

="newsletter"

/>

fieldset

>

form

>

<

input

name

="none"

/>

jquery**:$("form ~ input")

**於:

jquery 根據name屬性查詢元素

js div id 選擇所有含有id屬性的div元素 input name newsletter 選擇所有的name屬性等於 newsletter 的input元素 input name newsletter 選擇所有的name屬性不等於 newsletter 的input元素 input name...

jquery根據name屬性查詢

div id 選擇所有含有id屬性的div元素 input name newsletter 選擇所有的name屬性等於 newsletter 的input元素 input name newsletter 選擇所有的name屬性不等於 newsletter 的input元素 input name ne...

jQuery根據name屬性查詢

div id 選擇所有含有id屬性的div元素 input name keleyicom 選擇所有的name屬性等於 keleyicom 的input元素 input name keleyicom 選擇所有的name屬性不等於 keleyicom 的input元素 input name keleyi...