jQuery基础

特点：轻量级：封装后只有不到100k，下载速度快；强大的选择器；隐式遍历：一次操作多个元素；读写合一：读数据/写数据用的是一个函数；链式调用：可以通过不断调用jquery对象的方法；事件处理；DOM操作；样式操作；动画；浏览器兼容；丰富的插件支持；

选择器

选择器	语法	描述
id选择器	$("#id")	获取指定ID的元素
类选择器	$(".className")	获取同一类class的元素
标签选择器	$("div")	获取同一类标签的所有元素
并集选择器	$("div,p,li")	使用逗号分隔，只要符合条件之一就可
交集选择器	$("div.redClass")	获取class为redClass的div元素
属性选择器

选择器	描述	返回	示例
[attribute]	选取拥有此属性的元素	集合元素	$(‘div[id]’)选取拥有属性id的元素
[attribute=value]	选取属性的值为value的元素	集合元素	$(‘div[title=test]’)选取属性title为“test”的<div>元素
[attribute!=value]	选取属性的值不等于value的元素	集合元素	$('div[title!=test]')选取属性title不等于"test"的<div>元素（注意：没有属性title的<div>元素也会被选取）
[attribute^=value]	选取属性的值以value开始的元素	集合元素	$('div[title^=test]')选取属性title以“test”开始的<div>元素
[attribute$=value]	选取属性的值以value结束的元素	集合元素	$('div[title$=test]')选取属性title以“test”结束的<div>元素
[attribute*=value]	选取属性的值含有value的元素	集合元素	$('div[title*=test]')选取属性title含有"test"的<div>元素

操作标签的属性

名称用法描述 标签属性方法 attr(name) / attr(name, value) 读/写非布尔值的标签属性 标签属性方法 prop(name) / prop(name, value) 读/写布尔值的标签属性 删除属性方法 removeAttr(name)/removeProp(name) 部除指定名字的属性 自定义属性 data() 读写标签的附加数据(data-*属性) 基本过滤选择器的使用

名称用法描述

:eq (index) s("li:eq(2y").css("color" ."red"); 获取到的li元素中，选择索引号为2的元素，索引号index从0开始。

:odd $("li:odd").css("color", "red"); 获取到的li元素中，选择索引号为奇数的元素

:even $("li:even").css("color" , "redr); 获取到的li元素中，选择索引号为偶数的元素

:first $("tr:first").css('backgroundColor" ;'red'); 匹配找到的第一个元素

:last $("td:last").css('backgroundColor';'red'); 匹配找到的最后一个元素

:gt(index) $("li:gt(3)y").css("backgroundColor 'red'"); 匹配所有大于给定索引值的元素

:lt(index) $("li:It(3)").css('backgroundColor";"red'); 匹配所有小于给定索引值的元素

:not(selector) $("li:gt(3):not(':last')").css('backgroundColor';,'red'); 去除所有与给定选择器匹配的元素