JQuery语法.docVIP

一：jQuery选择器 jQuery选择器可分为基本选择器和过滤选择器 基本选择器又分为CSS选择器，层级选择器以及表单域选择器。 CSS选择器 1 id选择器 用于选择具有给定id属性值的单个元素。 //选择id为myid的元素并对其边框样式进行设置。 $(#myid).css(border,3px solid red); 2 类选择器 用于选择具有给定类的所有元素。 //选择具有给定类的所有元素。 $(.myClass).css(border,3px solid red); 3 元素选择器 用于选择具有给定HTML标记名的所有元素。 //选择文档中的所有div元素。 $(div); 4 群组选择器 用于所有指定的选择器组合的结果。 //选择文档中的所有div，span以及应用myclass类的p元素。 $(div,span,p.myclass); 5 通用选择器 用于从文档中获得所有元素。 //下列代码用于选择所有元素，然后显示出当前页面中的元素总和。 var elementCount=$(*).length; $(body).prepend(h3当前页面中共有+elementCount+个元素。/h3); 层级选择器 1 子元素选择器 在给定的父元素下查找所有的直接子元素。 //选择父元素ul class=topnav下的直接子元素(li)并对其边框进行样式设置。 $(ul.topnavli).css(border,3px double red); 2 后代元素选择器 在给定的祖先元素下查找所有的后代元素。 //用于选择表单下的所有后代元素并对其边框样式进行设置。 $(form input).css(border,2px dotted blue); 3 紧邻同辈元素选择器 用于选择紧跟给定元素之后的那个同辈元素。 form label用户名：/labelinput name=name / fieldset labelEmail:/labelinput name=email / /fieldset /form input name=none / //选择紧跟标签后面的input元素，并设置其文本颜色和值。 $(label+input).css(color,red).val(紧跟标签后的同辈！) 4 相邻同辈元素选择器 用于选择某元素后面的所有同辈元素。 divdiv br/位于#prev之前,故不匹配/div span id=prevspanbr/#prev/span divdiv 同辈/div divdiv 同辈divdiv 的侄子/div/div spanspan 同辈 不是div/span divdiv 同辈/div //选择在span#prev元素后面的所有同辈div元素并对其进行设置。 $(#prev~div).css(border,3px groove green); 表单域选择器 1:input选择器 用于选择所有input,textarea,select和button元素。 $(:input); 2:text选择器 选择所有单行文本框(input type=text /). $(:text); 3:password选择器 选择所有密码框(input type=password /). $(:password); 4:radio选择器 选择所有单选按钮(input type=radio /). $(:radio); 5:checkbox选择器 选择多有复选框(input type=checkbox /). $(:checkbox); 6:file选择器 选择所有文件域(input type=file /). $(:file); 7:image选择器 选择所有图片域(input type=image /). $(:image); 8:hidden选择器 选择所有不可见元素(CSS display属性为none)以及隐藏域(input type=hidden /). $(:hidden); 9:button选择器 选择所有按钮(input type=button /)和button..../button. $(:button); 10:submit选择器 选择所有提交按钮(input type=submit /)和button..../button. $(:submit); 11:reset选择器 选择所有重置按钮(input type=reset /). 过滤选择器 jQuery简单过滤选择器 1:first选择器 对当前jQuery集合进行过滤并选择出第一个匹配的元素。 ta