第2章jQuery选择器.ppt

第2章Jquery选择器;目标;选择器的概念;jQuery中的基本选择器;选择器语法;基本选择器示例;改变第一个p元素的背景色为红色 $(p).eq(0).css(backgroundColor,red); 改变所有h1元素和 id 为 one 的元素的背景色为 # bbffaa $(h1,#one).css(backgroundColor,#bbffaa);;;层次选择器;;;层次选择器示例;div class=clsFraALeft/div div class=clsFraA id=divMid span class=clsFraP id=Span1 span class=clsFraC id=Span2/span /span /div div class=clsFraARight_1/div div class=clsFraARight_2/div; $(function(){ //匹配后代元素 $(#divMid).css(display,block); $(div span).css(display,block); }) $(function(){ //匹配子元素 $(#divMid).css(display,block); $(divspan).css(display,block); });$(function(){ //匹配后面元素 $(#divMid + div).css(display,block); $(#divMid).next().css(display,block); }) $(function(){ //匹配所有后面元素 $(#divMid ~ div).css(display,block); $(#divMid).nextAll().css(display,block); }) $(function(){ //匹配所有相邻元素 $(#divMid).siblings(div).css(display,block); });过滤选择器;基本过滤选择器;;基本过滤选择器示例;内容过滤选择器;;内容过滤选择器示例;可见性过滤选择器;属性过滤选择器;;属性过滤选择器示例;子元素过滤选择器;;子元素过滤选择器示例;表单元素选择器;表单对象属性过滤选择器;表单对象属性过滤选择器示例;总结;作业;作业