jQuery子元素過濾選擇器
"text/javascript" $(document).ready(function(){ //選取每個父元素下的第2個子元素`#btn1`).click(function(){ $(`div.one :nth-child(2)`"background""#bbffaa"); }) //選取每個父元素下的第一個子元素`#btn2`).click(function(){ $(`div.one :first-child`"background""#bbffaa"); }) //選取每個父元素下的最後一個子元素`#btn3`).click(function(){ $(`div.one :last-child`"background""#bbffaa"); }) //如果父元素下的僅僅只有一個子元素,那麼選中這個子元素`#btn4`).click(function(){ $(`div.one :only-child`"background""#bbffaa"); }) });
</script>
本文轉自TBHacker部落格園部落格,原文連結:http://www.cnblogs.com/jiqing9006/archive/2012/09/06/2673590.html,如需轉載請自行聯絡原作者
相關文章
- jQuery選擇器——子元素過濾選擇器jQuery
- jQuery選擇器——表單元素過濾選擇器jQuery
- jQuery選擇器——基本過濾選擇器jQuery
- jQuery選擇器——內容過濾選擇器jQuery
- jQuery選擇器——屬性過濾選擇器jQuery
- jQuery選擇器——可見性過濾選擇器jQuery
- jQuery選擇器介紹:基本選擇器、層次選擇器、過濾選擇器、表單選擇器jQuery
- jQuery之過濾元素jQuery
- CSS5-選擇器5-子元素選擇器CSS
- jq選擇子元素
- jQuery選擇器獲取前幾個元素jQuery
- jQuery選擇器 標籤選擇元素+css簡單新增移除操作jQueryCSS
- jQuery選擇器——基本選擇器jQuery
- jQuery子選擇器和後代選擇器區別簡單介紹jQuery
- jQuery如何過濾排除指定的元素jQuery
- jQuery選擇器——層次選擇器jQuery
- jQuery選擇器jQuery
- jQuery 選擇器jQuery
- jQuery選擇器獲取元素並非是動態jQuery
- jQuery選擇器之層次選擇器jQuery
- CSS 元素選擇器CSS
- jQuery選擇器(下)jQuery
- jQuery 選擇器效率jQuery
- Jquery的選擇器jQuery
- jQuery :last選擇器jQueryAST
- jQuery .class選擇器jQuery
- jQuery element選擇器jQuery
- jQuery #id選擇器jQuery
- [JS] jQuery選擇器JSjQuery
- jQuery系列:選擇器jQuery
- jQuery選擇器大全jQuery
- 利用jquery子屬性過濾器實現隔行變色jQuery過濾器
- jQuery dom元素層級匹配選擇器簡單介紹jQuery
- jQuery 3教程(二):jQuery選擇器jQuery
- JQuery選擇器——可見性篩選選擇器和屬性篩選選擇器jQuery
- jquery九大選擇器jQuery
- jquery中的選擇器jQuery
- jQuery 後代選擇器jQuery