jquery知識整理 三 子選擇器

2021-10-07 09:23:58 字數 930 閱讀 9889

烏魯木齊<

/li>

銀川<

/li>

西寧<

/li>

蘭州<

/li>

<

/ul>

甘肅<

/li>

<

/ul>

拿到父元素的第幾個孩子 或者奇偶數的孩子

注意:孩子的位置 從1 開始

(1)拿到第n 個孩子

$

("ul li:nth-child(1)").

css(

"background-color"

,"red"

);

(2)拿到第奇數個孩子

$

("ul li:nth-child(odd)").

css(

"background-color"

,"red"

)

(3) 第乙個孩子

$

("ul li:first-child").

css(

"background-color"

,"red"

)

(4)最後乙個孩子

/$(

"ul li:last-child").

css(

"background-color"

,"blue"

);

(5)只能有唯一的孩子 only-child

$

("ul li:only-child").

css(

"background-color"

,"blue"

);

jQuery選擇器整理

jquery物件訪問 1.each callback 以每個匹配的元素作為上下文來執行乙個函式,return false 停止迴圈 return true 跳至下乙個迴圈。來個例項 img each function 2.size 與length相同,都是返回jquery物件中元素的個數。img s...

jQuery 選擇器 整理

一 css選擇器 1.查詢元素的方法按照 形式來寫 2.支援多級查詢 形式大概在 3.用jq給css 新增樣式 css 即4.current 當前 5 next 返回後乙個同級元素 這個返回的實際上就是第二個li 6.parent 取相應的父元素 7.siblings 取同級元素的集合 不包括自己本...

jquery知識整理 四 屬性選擇器

p1 hello p 1 p div1 hello div div name text name name pwd password name name form 標籤 屬性 數值 p id p1 css background color green div class div1 css backg...