當(dāng)前位置：
首頁(yè) >
jquery选择器之基本筛选器
發(fā)布時(shí)間：2025/7/25
52
豆豆
生活随笔
收集整理的這篇文章主要介紹了
jquery选择器之基本筛选器
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML示例代碼?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body><!--HTML區(qū)域--><h1>第一個(gè)標(biāo)題</h1><div class="nav-2014"><div class="w"><div class="w-spacer"></div><div class="categorys"><div class="dt">家用電器分類</div></div><span class="hr"></span><div class="navitems-2014"><div id="treasure"></div><span class="clr"></span><span class="chr"></span>男：<input type="checkbox" checked="checked" value="nan">女:<input type="checkbox" value="nv"></div></div></div><h2>第二個(gè)標(biāo)題</h2><div id="electronic"><div id="firstScreen">1<div class="w">2</div></div><ul><div class="u_c" lang="en-us"></div><li class="ui-switch-curr"></li><li class="ui-switch-item"></li><li class="ui-switch-next"></li><li class="ui-switch-sub"></li></ul><div class="secord_screen"></div><div class="third_screen"></div></div> </body> </html>偽類選擇器：即以:開(kāi)頭的
:first ?獲取第一個(gè)元素
:not(selector) 去除所有選定的元素
:even 匹配索引為偶數(shù)的元素
:odd 匹配索引為奇數(shù)的元素
:eq(index) 匹配給定的索引
:gt(index) 大于指定的索引
:lt(index) 小于指定的索引
:last 匹配獲取的最后一個(gè)元素
:header 匹配所有標(biāo)題元素
示例：
<!--jquery區(qū)域--><script src="jquery-3.1.0.js"></script><script> // 獲取id為electronic下所有孩子div中的第一個(gè),即id為firstScreen的div$("#electronic > div:first") // 獲取所有l(wèi)i元素中最后一個(gè)元素$("li:last") // 獲取所有input元素中非checked的元素,即女:<input type="checkbox" value="nv">$("input:not(:checked)") // 獲取所有l(wèi)i元素中索引為0,2,4...的元素$("li:even") // 獲取所有l(wèi)i元素中索引為1,3,5...的元素$("li:odd") // 獲取所有l(wèi)i元素中索引為1的元素$("li:eq(1)") // 獲取所有l(wèi)i元素中索引大于1的元素$("li:gt(1)") // 獲取所有l(wèi)i元素中索引小于1的元素$("li:lt(1)") // 給所有標(biāo)題加上背景色$(":header").css("background","red")console.log(cls)</script>
?
轉(zhuǎn)載于:https://www.cnblogs.com/kongzhagen/p/6187842.html
總結(jié)
以上是生活随笔為你收集整理的jquery选择器之基本筛选器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： FastReport.Net使用：[36
- 下一篇： hihoCoder太阁最新面经算法竞赛1