jquery选择器之基本筛选器
生活随笔
收集整理的這篇文章主要介紹了
jquery选择器之基本筛选器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML示例代碼?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body><!--HTML區域--><h1>第一個標題</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>第二個標題</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>偽類選擇器：即以:開頭的
:first ?獲取第一個元素
:not(selector) 去除所有選定的元素
:even 匹配索引為偶數的元素
:odd 匹配索引為奇數的元素
:eq(index) 匹配給定的索引
:gt(index) 大于指定的索引
:lt(index) 小于指定的索引
:last 匹配獲取的最后一個元素
:header 匹配所有標題元素
示例：
<!--jquery區域--><script src="jquery-3.1.0.js"></script><script> // 獲取id為electronic下所有孩子div中的第一個,即id為firstScreen的div$("#electronic > div:first") // 獲取所有li元素中最后一個元素$("li:last") // 獲取所有input元素中非checked的元素,即女:<input type="checkbox" value="nv">$("input:not(:checked)") // 獲取所有li元素中索引為0,2,4...的元素$("li:even") // 獲取所有li元素中索引為1,3,5...的元素$("li:odd") // 獲取所有li元素中索引為1的元素$("li:eq(1)") // 獲取所有li元素中索引大于1的元素$("li:gt(1)") // 獲取所有li元素中索引小于1的元素$("li:lt(1)") // 給所有標題加上背景色$(":header").css("background","red")console.log(cls)</script>
?
轉載于:https://www.cnblogs.com/kongzhagen/p/6187842.html
總結
以上是生活随笔為你收集整理的jquery选择器之基本筛选器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： FastReport.Net使用：[36
- 下一篇： ASP.NET MVC3中Control