2_选择器(jQuery课件 开发手册 ).pdfVIP

jQuery选择器 南通 基本选择器 选择器 实例 选取 返回值 * $(“*”) 匹配所有元素 元素集合 #id $(“#name”) 根据给定的id匹配一个元 单个元素 素 .class $(“.intro”) 根据给定的类匹配元素 元素集合 element $(“p”) 根据给定的元素名匹配 元素集合 所有元素 博得教育 基本选择器 script type=text/javascript $(function(){ $(#divOne).css (background-color,#766); }) $(function(){ $(div span).css (color,#ac6); }) $(function(){ $(*).css (color,#fff); }) $(function(){ $(.clsOne).css (color,red); }) /script div class=clsFram div id=divOneId/div div class=clsOneCLASS/div spanSPAN/span /div 博得教育 层次选择器 选择器 实例 选取 返回值 Ancestor $(form input) 根据祖先元素匹配所有的后代元 元素集合 descendant 素 Parentchild $(#main * ) 根据父元素匹配所有的子元素 元素集合 Prev+next $(label + input) 匹配所有紧接在prev元素后的相 元素集合 邻元素 prev~siblings $(#prev ~ div) 匹配prev元素之后的所有兄弟元 元素集合 素 博得教育 层次选择器 $(function(){ alert($(form input).length);//找到表单中所有的 input 元素 alert($(form input).length);//匹配表单中所有的子级input元素 alert($(label + input).length);//匹配所有跟在label后面的input元素 alert($(form ~ input).length);//找到所有与表单同辈的 input 元素 }) form id=form1 labelName:/label input name=name / fieldset labelNewsle