jQuery基础

jQuery基础
一、使用jQuery的三个步骤
1、引入jQuery文件。
2、入口函数。
3、功能实现。
二、jQuery的优势
1、体积小，压缩后只有100KB左右。
2、强大的选择器。
3、出色的DOM封装。
4、可靠的事件处理机制。
5、出色的浏览器兼容性。
6、使用隐式迭代简化编程。
7、丰富的插件支持。
三、jQuery对象转DOM对象
1、var one2=one1[0];
2、var one3=one1.get(0);
四、基本选择器
1、标签选择器
$(“h1”)
2、类选择器
$(".two")
3、ID选择器
$("#three")
4、并集选择器
$ h1,#three
五、层次选择器
1、后代选择器-one p。
2、子选择器-one>p。
3、相邻元素选择器-two+p。
4、同辈元素选择器-two~p。
六、属性选择器
a[id]-选定包含给定属性的元素
a[id=‘one’]-选取等于给定属性的元素
a[id!=‘one’]-选取不等于给定属性的元素
a[id^=‘o’]-选取以o开始的元素
a[id$=‘o’]-选取以o结尾的元素
a[id*=‘e’]-选取给定属性包含e的元素
七、过滤选择器
li a:first-选取第一个元素
li a:last-选取最后一个元素
li a:odd-选取索引是偶数的所有元素，index从0开始
li a:even-选取索引是奇数的所有元素
li a:eq(2)-选取索引等于2的元素
li a:gt(2)-选取索引大于2的元素
li a:lt(2)-选取索引小于2的元素
:header-选取所有标题元素，如h1~h6
li:not(a)-选取去除所有与给定选择器匹配的元素
八、筛选选择器
$(".two").siblings(“li”)-其他兄弟不包括自己
$(“li”).eq(1)-相等的
$(".two").next()-two的下一个
$(".two").prev()-two的上一个