1doctype html
>
2<
html
lang
="cn"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>title
title
>
6head
>
7<
body
>
8<
ul>
9<
li>1
li>
10<
li>2
li>
11<
li>3
li>
12<
li>4
li>
13<
li>5
li>
14<
li>6
li>
15<
li>7
li>
16<
li>8
li>
17<
li>9
li>
18<
li>0
li>
19ul
>
20<
div>
21<
div>1
div>
22<
div>2
div>
23<
div>3
div>
24<
div>4
div>
25<
div>5
div>
26<
div>6
div>
27<
div>7
div>
28<
div>8
div>
29<
div>9
div>
30<
div>0
div>
31div
>
32body
>
33<
script
src="jquery-2.1.1.min.js"
>
script
>
34<
script
>
35//
過濾選擇器, 指定下標
36$(
"li:eq(5)
").css(
"backgroundcolor",
"yellow");
3738
//過濾選擇器, 小於指定下標
39$(
"li:gt(5)
").css(
"backgroundcolor",
"blue");
4041
//過濾選擇器, 大於指定下標
42$(
"li:lt(5)
").css(
"backgroundcolor",
"green");
4344
//過濾選擇器, 第乙個下標
45$(
"li:first
").css(
"backgroundcolor",
"red");
4647
//過濾選擇器, 最後乙個下標
48$(
"li:last
").css(
"backgroundcolor",
"orange");
4950
//過濾選擇器, 基數下標
51$(
'div>div:even
').css(
"backgroundcolor",
"red");
5253
//過濾選擇器, 偶數下標
54$(
'div>div:odd
').css(
"backgroundcolor",
"blue");
5556
script
>
57html
>
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
過濾選擇器 可見性過濾選擇器
可見性過濾選擇器根據元素是否可見的特徵獲取元素，其詳細的說明如表 選擇器功能 返回值 hidden 獲取所有不可見元素，或者type為hidden的元素 元素集合 visible 獲取所有可見的元素 元素集合 說明 hidden選擇器所選擇的不僅包括樣式為display none所有的元素，而且還包...