**********************************************************************
选择器
选择器是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对象
选择器
选择器是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对象