jquery常用选择器整理.docxVIP

jquery:基本的选择器：$(#id).css(color,blue);//根据id属性为id，设置css样式颜色设置成蓝色$(h2).css(background-color,pink);$(input).css(width,500px);$(.apple).css(background-color,lightgreen);//class属性值查找$(*).css(background-color,gray);//通配符$(h2,#usertel,#userqq).css(color,lightblue);//联合选择器层次选择器：$(div span);//在div内部获得span节点，不考虑层次,只获得div内第一个span节点，，注意不考虑层次$(div span)//在div内部获得子元素span节点$(div+span)//在div后边获得紧紧挨着的第一个兄弟关系的span节点，获得的是span节点$(div~span)//在div后边后边获得全部兄弟关系的span节点并且选择器：$(li).css(color,red);$(li:first);//:first第一个 :last 最后一个$(li:eq(3)).css(color,red)//eq(下标索引号码) 获得节点的下标索引值与给定索引值相等gt(索引号) great than 节点索引值，大于某个范围lt(索引值) less than 节点索引值，小于某个范围$(li:gt(5)).css(background-color,pink);$(li:lt(5)).css(background-color,orange);:even 匹配到下标索引值为偶数的节点:odd 匹配到下标索引值为奇数的节点$(li:odd).css(background-color,lightblue);$(li:even).css(background-color,lightgreen);:not(selector选择器) 去除某个节点$(li:not(#yun)).css(color,blue);$(:header).css(background-color,yello);//:header 是一个选择器可以单独使用，选择所有的H标签并且选择器的注意：1、并且选择器可以单独使用 $(:header.pear).css(color,red);//找出H标签，并且class属性为pear的标签2、$(li:gt(1):lt(3)) 各种选择器都可以构造“并且”关系3、并且关系的选择器可以使用多个，每个选择器使用前，已经获得节点的下标要“归位”（归零），这点是什么意思jQuery-07-并且选择器(复杂用法)4、多个并且关系的选择器，没有前后顺序要求，但是要避免产生歧义$(li.pear).css(background-color,orange);内容过滤选择器：1、 :contains(内容)包含内容选择器，获得的节点内部必须包含指定的内容$(div:contains(beijing))divI like spanbeijing/span/div//span标签不构成影响divxiaoming like shanghai/div2、:empty获得空元素（内部没有任何元素/文本（空））节点对象$(div:empty)divI like spanbeijing/span/divdiv /divdivhgello/divdivimg//divdiv/div//选中的是这个3、:has(选择器)节点内部必须包含指定选择器对应的元素$(div:has(#apple));divp/p/divdivspan id=appleapple/span/div//选中的是这个4、 :parent寻找的节点必须作为父元素节点存在$(div:parent)div /div //选中这个divinput type=text/div //选中这个divsun/div//选中这个小东西：console.log($(div:parent));表单域选中选择器：复选框、单选框、下拉框选中//获得被选中的复选框： :checkedconsole.log($(.hby:checked));//获得被选中的单选框 :checkedconsole.log($(.sx:checked));//获得被选中的下拉列表 :selectedconsole.log($(option:selected));属性操作：获得属性值、修改属性值、删除属性值$().attr(属性名称); //获得属性信息值console.log($(input:first)).attr(type);$().att