jquery知识结构

**********************************************************************
选择器


选择器是jquery最核心的组成部分，可以使用选择器直接去改变页面元素的样式


1.元素选择器
2.id选择器
3.class选择器




4.获取DOM对象
5.群组选择器
6.子元素选择器
7.通配选择器




8.层次选择器
9.属性选择器




**********************************************************************
  过滤器，过滤选择器


1.过滤器的作用，主要用过特定的约束条件，来更加精确的筛选出目录DOM元素对象
2.过滤的基本语法类似于CSS的伪类语法的使用  ：号开头


$("li；first")  //选择第一个元素
$("li:last")   //选取最后一个元素
$("li:not(.red)//选取class不是red的li元素
$("li:even")//选取索引（0开始）是偶数的所有元素
$("li:odd")//选取索引（0开始）是奇数的所有元素
$("li:eq(2)")//选取索引（0开始）是index的元素
$("li:gt(2)")//选取索引（0开始）大于index的元素
$("li:lt(2)")//选取索引（0开始）小于index的元素
$(":header")//选取标题元素，h1~h6
$(":animated")//选取正在执行的动画的元素
$(":focus")//选取当前被焦点的元素






**********************************************************************
内容过滤器


主要针对元素，以及文本内容上进行操作，DOM元素对象


$(":container("文本内容")")//选取含有“文本内容”的元素
$(":empty")//选取不包含文本内容或者空文本的元素
$(":has(.red)")//选取含有class是red的元素
$(":parent")//选取含有子元素或文本的元素






**********************************************************************


子元素过滤器
通过父亲元素与子元素的关系获取目标DOM元素的对象


$("li:first-child")//获取每一个父元素的第一个子元素
$("li:last-child")//获取每一个父元素的最后一个资源素
$("li:only-child")//获取只有一个子元素的元素
$("li:nth-child(ev en)")//获取每一个自定义子元素的元素






**********************************************************************
常用的方法


结合选择器和过滤器的一些常用方法
$(".red").is("li")//传递选择器的元素、DOM对象、jquery对象
$("li").eq(2).hasClass("red")//其实就是is("."+class)
$("li").slice(0,2)//选择start到end位置的元素
$("div").contents()//获取某元素下面的所有元素节点，包括文本节点
$("li").filter(".red")//匹配元素的子集结构造一个新的jquery对象