jQuery知识点

1. jQuery选择器

作用：允许对元素组或单个元素进行进行操作

1.1 元素选择器

$('p')	//选取p元素
$('p.intro')	//选取所有class='intro'的p元素
$('p#demo')	//选取所有id='demo'的p元素

1.2 属性选择器

$('[href]')	//选取所有带有href属性的元素
$('[href="#"]')	//选取所有href=#的元素
$('[href!="#")')	//选取所有href!=#的元素
$('[href$=".jpg"]')	//选取所有href值以'.jpg'结尾的元素

1.3 CSS选择

$('p').css('background-color', 'red')

1.4 更多选择器实例

$('ul li:first')	//每个ul下的第一个li元素
$('div#intro .head')	//id='intro'的div元素中的所有class='head'的元素

2. 遍历方法

2.1 children()

作用：返回被选元素的所有符合条件的直接子元素
语法：

.children(selector)

selector：字符串值，包含匹配元素的选择器表达式
注意：该方法不返回文本节点

2.2 find()

作用：返回被选元素的后代元素
该方法沿着 DOM 元素的后代向下遍历，直至最后一个后代的所有路径。
语法：

$(selector).find(filter)

filter：过滤搜索后代条件的选择器表达式、元素或者jQuery对象。

2.3 siblings()

作用：返回被选元素的所有同级元素
语法：

$(selector).siblings(filter)

2.4 eq()

作用：返回带有被选元素的指定索引号的元素。
语法：

$(selector).eq(index)

3. CSS方法

3.1 addClass()

作用：向被选元素添加一个或多个类名。
语法：

$(selector).addClass(className, function(index, currentClass))

参数	描述
className	必需。规定一个或多个要添加的类名称。
function(index,currentclass)	可选。规定返回一个或多个待添加类名的函数。

index - 返回集合中元素的 index 位置。
currentclass - 返回被选元素的当前类名。|

4. 事件方法

4.1 on()

作用：在被选元素及子元素上添加一个或多个事件处理程序。
语法：

$(selector).on(event, childSelector, data, function)

参数：

• event：一个或多个事件（数组）
• childSelector：规定只能添加到指定的子元素的事件处理程序。
• data：规定传递到函数的额外方法
• function：规定当时事件发生时运行的函数

5. 杂项方法

5.1 index()

作用：返回指定元素相对于其他指定元素的 index 位置
语法：

$(selector).index()