課程
/前端開發
/jQuery
/jQuery基礎 (一)—樣式篇
來大神解釋下nth-child的原理還有lt;gt;eq的原理
2017-08-28
源自:jQuery基礎 (一)—樣式篇 2-16
正在回答
$("#menu div.tag dd a:nth-child(10)")
括號中的空格是后代選擇器,所以選擇器$()選擇的是:id為#menu標簽的后代 -> div標簽的后代 -> tag類標簽的后代 -> dd標簽的后代 -> a標簽的第10個元素。
lt(index)(less than首字母)例子:$(".aaron:eq(2)") //選取第2個(僅選取一個)
gt(index)(greater than)例子:$(".aaron:gt(3)") // 選取第3個后的所有
eq(index)(equal)例子:$(".aaron:lt(2)") //選取第2個前所有
為什么不能用a:eq(8):
目標是男女裝各第一類下的第9個a標簽,就是2個a標簽,eq()方式只能選取1個。
:nth-child()方式可以選取多個,所以用這個方式。
emmmm。。。你應該去復習一下前面的內容。。。都有介紹的很詳細
這句代碼可以這樣理解:(個人意見,供參考):
先找到a元素的父元素,也就是dd;然后再定位到第九個a元素,
? ? //而dd下的子元素不止a,第一個就是p元素,那么第九個a元素,
? ? //自然要索引為dd下的第十個子元素,
? ? //nth-child(index)是從1開始,eq(index)從0開始
至于后面幾個屬性方法,你可以復習前幾節內容;這些知識點要經?;仡櫹拢蝗缓苋菀讓W后面忘前面
eq()只能匹配一個元素,自己測試看效果就知道了
舉報
jQuery初入開啟樣式修煉,體驗萬能的jQuery樣式集搭建網站布局
2 回答為什么不能用 $("#menu div .tag dl dd>a:eq(10)")
3 回答為什么這里的a:nth-child(10)是10,而不是9?
1 回答關于為什么a:nth-child(10)是10,而不是9的問題
3 回答$("#menu_con div.tag dd > p:first-child")不是很懂
4 回答$("#menu_con div.tag dd > p:first-child")
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-09-19
$("#menu div.tag dd a:nth-child(10)")
括號中的空格是后代選擇器,所以選擇器$()選擇的是:id為#menu標簽的后代 -> div標簽的后代 -> tag類標簽的后代 -> dd標簽的后代 -> a標簽的第10個元素。
lt(index)(less than首字母)例子:$(".aaron:eq(2)") //選取第2個(僅選取一個)
gt(index)(greater than)例子:$(".aaron:gt(3)") // 選取第3個后的所有
eq(index)(equal)例子:$(".aaron:lt(2)") //選取第2個前所有
為什么不能用a:eq(8):
目標是男女裝各第一類下的第9個a標簽,就是2個a標簽,eq()方式只能選取1個。
:nth-child()方式可以選取多個,所以用這個方式。
2017-08-30
emmmm。。。你應該去復習一下前面的內容。。。都有介紹的很詳細
2017-08-28
這句代碼可以這樣理解:(個人意見,供參考):
先找到a元素的父元素,也就是dd;然后再定位到第九個a元素,
? ? //而dd下的子元素不止a,第一個就是p元素,那么第九個a元素,
? ? //自然要索引為dd下的第十個子元素,
? ? //nth-child(index)是從1開始,eq(index)從0開始
至于后面幾個屬性方法,你可以復習前幾節內容;這些知識點要經?;仡櫹拢蝗缓苋菀讓W后面忘前面
2017-08-28
eq()只能匹配一個元素,自己測試看效果就知道了