jQuery之過濾元素

還是那句話，這些知識乙個小小的練習，更多的請看jquery手冊

在jquery物件中的元素物件陣列中過濾出一部分元素來

1. first()

2. last()

3. eq(index|-index)

4. filter(selector)

5. not(selector)

6. has(selector)

需求:1. ul下li標籤第乙個

2. ul下li標籤的最後乙個

3. ul下li標籤的第二個

4. ul下li標籤中title屬性為hello的

5. ul下li標籤中title屬性不為hello的

6. ul下li標籤中有span子標籤的

<

ul>
<
li>aaaaa
li>
<
li title
="hello"
class
="box2"
>bbbbb
li>
<
li class
="box"
>ccccc
li>
<
li title
="hello"
>dddddd
li>
<
li title
="two"
><
span
>bbbbb
span
>
li>
ul>
<
li>eeeee
li>
<
li>eeeee
li>
<
br>

具體實現如下：

//獲得ul下的所有li

var $lis = $("ul>li");
// 1. ul下li標籤第乙個
//$lis.first().css("background","red");
// 2. ul下li標籤的最後乙個
$lis.last().css("background","red");
// 3. ul下li標籤的第二個
$lis.eq(1).css("background","red")
// 4. ul下li標籤中title屬性為hello的
$lis.filter("[title='hello']").css("background","red");
// 5. ul下li標籤中title屬性不為hello的
$lis.filter('[title!=hello]').filter('[title]').css('background', 'red')
$lis.not('[title=hello]').css('background', 'red')
// 6. ul下li標籤中有span子標籤的
$lis.has("span").css('background', 'red');

jQuery之過濾元素操作

1 eq index 方法 用於獲取第n個元素，這個元素的位置從0開始算起，語法格式如下 eq index 獲取第3個 並將它的背景色設定為 fcf 如下 td eq 2 css background fcf 2 filter expr 方法 用於篩選出與指定表示式匹配的元素集合，用於縮小匹配的範圍...

jQuery之過濾選擇器

在原有選擇器匹配的元素中進一步進行過濾的選擇器 基本 內容 可見性 屬性 需求1.選擇第乙個div 2.選擇最後乙個class為box的元素 3.選擇所有class屬性不為box的div 4.選擇第二個和第三個li元素 5.選擇內容為bbbbb的li 6.選擇隱藏的li 7.選擇有title屬性的l...

jQuery之過濾選擇器

過濾選擇器 1.基本選擇器 2.內容選擇器 3.可見性選擇器 4.子元素過濾器 過濾選擇器簡稱 過濾器。它其實也是一種選擇器，而這種選擇器類似於css3 裡的偽類,可以讓不支援css3的 瀏覽器也能支援。和常規的選擇器一樣，jquery為了更方便開發者使用，提供了很多獨有的過濾器。一 基本過濾器 過...