谈Jquery选择器和CSS

《谈Jquery选择器和CSS》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、谈Jquery选择器和CSS32012-03-15Jquery选择器函数$(selector[,context])selector:是用CSS选择器的字符串形式，来查找匹配元素。且可以指定多个选择器，每个选择器之间以逗号分割context:可选参数，表示selector进行查找的上下文。它可以是DOM成员，也可以是document，也可以是jquery对象。CSS选择器W3C标准的CSS选择器Jquery扩展的CSS选择器W3C标准的CSS选择器选择器分类标签名$(“div”)类名$(“.test”)ID$(“#test”)后代$(“.testdiva”)群组$(“di

2、v,input”)子$(“h1>strong”)通用$(“*”)相邻同胞$(“div+span”)找到相邻的一个$(“div~span”)找到相邻的N个返回属性伪类Jquery扩展外观:input匹配所有类型的input:button:submit匹配所有button且type为button的input:checkbox:radio:image:file:header:password:reset:textInput族:selected对option的扩展:hidden1>display:none2>type=‘hidden’3>元素widthheight都为04>上层

3、元素是隐藏的行为:eq(index):lt(index):gt(index)匹配以0为基数的指定等于、小于或大于索引的元素:even:odd匹配基数、偶数关系的元素:has(selector)表示匹配有指定选择器的元素:parent元素的父标签，这个元素也可以是属性选择器属性(支持多个属性,如果不指定值，表示查找是否有指定的属性)E[att=val]相等匹配E[att!=val]不等匹配E[att

4、=val]匹配用-符连接的前缀E[att~=val]匹配空格分开的完整valE[att^=val]匹配开头的字符为valE[att$=val]匹配结尾的字符为valE[att

5、*=val]匹配内中含有val返回伪类选择器伪类外观:link:visited:hover尚未访问、已访问、鼠标移动到上面:disabled:enabled元素禁止、可用状态:checkedRadio、checkbox是否选择::selection注意两个冒号，用于块级元素，对应标签选择状态行为:only-child匹配仅有一个子节点的元素:nth-child(n)匹配元素里的第N个子节点:nth-of-type(n)匹配指定元素第N个节点是否是指定类型:first-child:last-child匹配元素内第一个子节点或者最后一个子节点返回OVER