jquery的一些自認為好用的選擇器總結

2021-10-11 02:10:39 字數 4031 閱讀 3258

id選擇器($("#mydiv")?

根據給定的id匹配乙個元素。

使用任何的元字元作為名稱的文字部分, 它必須被兩個反斜槓轉義:\。 參見示例。

html

"notme"

>

>

id="notme"p

>

div>

"mydiv"

>

id="mydiv"div

>

js

$

("#mydiv"

);

結果

[ "mydiv"

>

id="mydiv"div

>

]

element $(「div」)?
根據給定的元素標籤名匹配所有元素

html

>

div1div

>

>

div2div

>

>

spanspan

>

js

$

("div"

);

結果

[ >

div1div

>

, >

div2div

>

]

.class($(".myclass")?
根據給定的css類名匹配元素。

html

class

="notme"

>

div class="notme"div

>

class

="myclass"

>

div class="myclass"div

>

class

="myclass"

>

span class="myclass"span

>

js

$

(".myclass"

);

結果

[ class

="myclass"

>

div class="myclass"div

>

, class

="myclass"

>

span class="myclass"span

>

]

($("*")?
匹配所有元素多用於結合上下文來搜尋。

html

>

divdiv

>

>

spanspan

>

>

pp>

js

$

("*"

);

結果

[ >

divdiv

>

, >

spanspan

>

, >

pp>

]

selector1,selector2,selectorn(同時選擇多個)($(「div,span,p.myclass」)?
將每乙個選擇器匹配到的元素合併後一起返回。

你可以指定任意多個選擇器,並將匹配到的元素合併到乙個結果內。

html

>

divdiv

>

class

="myclass"

>

p class="myclass"p

>

>

spanspan

>

class

="notmyclass"

>

p>

js

$

("div,span,p.myclass"

)

結果

[ >

divdiv

>

, class

="myclass"

>

p>

, >

spanspan

>

]

$(「form input」) ?
在給定的祖先元素下匹配所有的後代元素

html

>

>

name:label

>

name

="name"

/>

>

>

newsletter:label

>

name

="newsletter"

/>

fieldset

>

form

>

name

="none"

/>

js

$

("form input"

)

結果

[ name

="name"

/>

, name

="newsletter"

/>

]

prev + next $(「label + input」)?
匹配所有緊接在 prev 元素後的 next 元素

html

>

>

name:label

>

name

="name"

/>

>

>

newsletter:label

>

name

="newsletter"

/>

fieldset

>

form

>

name

="none"

/>

js

$

("label + input"

)

結果

[ name

="name"

/>

, name

="newsletter"

/>

]

prev ~ siblings $(「form ~ input」)?
匹配 prev 元素之後的所有 siblings 元素

html

>

>

name:label

>

name

="name"

/>

>

>

newsletter:label

>

name

="newsletter"

/>

fieldset

>

form

>

name

="none"

/>

js

$

("form ~ input"

)

結果

[ name

="none"

/>

]

自認為Clion的優點

配置好clion就開學了還沒怎麼來得及玩,以乙個萌新的角度來寫一篇部落格來記錄我感覺clion相比於dev的優點或者我自己覺得很好的地方 目的?純屬瞎玩。1.除了更換主題外可以改變整個介面,有暗色比較護眼,在夜深人靜黑黑的臥室裡看著並不刺眼。2.雖然只能在cmake上執行不能單獨執行某個檔案不是特別...

羅列一些自認為比較有用的前端東西

一 highcharts外掛程式。主要用作製表,對於按時間統計資料非常有效,並且具有美觀的外表,簡單易於修改 需要英文基礎 我認為非常值得推崇。二 angularjs外掛程式。三 seajs外掛程式。我大概了解過,沒有去專門去研究過,大家可以去嘗試應用,它口碑比較不錯。四 父文字編輯器。裡面有幾款編...

DFS系列 POJ 自認為的講解

include include include include include include using namespace std typedef long long ll define inf 0x3f3f3f3f define n 1010 int d n int a n int n,m i...