|
$的选择器部门:
往往运用$,其返回值是一个object
$选择器首要用于选择标签.根基用法是同css的选择器.可是,很让人欢快的是,他支持常见的赏识器,而css中许多选择器是IE6所不支持的.
1.根基选择器(3种): ----往往运用$,其返回值是一个object
$("标署名"),如$("p")是选取了全部的p标签节点
$("#id名"),如$("#test")是选取了id为test的标签节点
$(".class名"),如$(".test")是选取了全部class为test的标签节点
上面的$("标署名")和$(".class名")返回的都是全部满意的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.
2.组选择器: ----3种根基选择器的组合，“,”离隔
下面照旧现做一个约定:把"标署名或#id名或.class名"记作mix,则mix暗示一个标署名,或一个#id或一个.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")
3.儿女选择器: ----3种根基选择器的组合，“ ”离隔，直系皆见效
$("mix mix"),虽然可所以多个嵌套,但儿女选择器可所以深层子代,以是$("mix mix mix ...")这种写法浸染不大.例子:$("div .test"):在div标签内的全部具有test的class的儿女元素(就是被div嵌套的class属性为test的标签)
4.子选择器: ----3种根基选择器的组合，“>”离隔，只亲子有用
$("mix>mix"),这个放在儿女选择器后头是为了和它做比拟.子选择器只能选择第一代子代.不处理赏罚深层嵌套.例子:
$("div>.test")
<div><p class="test"></p></div>对这里的p段落标签有用.但对
<div><p><p class="test"></p></p></div>对这里的p段落标签无效,这里要用
$("div .test)
5.邻近选择器: ----3种根基选择器的组合，“+”离隔，只下一个兄弟节点
$("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必需是div的下一个兄弟节点.
<div></div><p id="test"></p>在$("div + #test")中能取到p段落节点
<div></div><p></p><p id="test"></p>则不能取到
6.属性选择器: ----“ |=|^|$|*”
把属性选择器不放在css选择器内里是由于jQuery中写法是纷歧样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath相同的写法:
$("mix[@attr]"):选取全部该mix且具有attr属性的节点
$("mix[@attr=a_value"]):选取全部该mix且具有attr属性并满意属性值为a_value的节点
$("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的
$("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end末了的
$("mix[@attr*=a_value"]):attr属性的属性值中包括a_value
7. 限制选择器:
这个名称是我本身起的,着实选择器组合都有限制的意思,你大白后头所先容的常识即可.
具有限制子节点选择器:$("mix1[mix2]"):返回包括mix2的mix1节点.如:$("div[a]"):包括a标签的div.
这个和$("div a")不沟通.后者暗示div中的a标签,返回的是a标签工具,前者返回的是div标签工具
冒号限制结点选择器:$("mix:condition"):mix标签,而且满意限制前提.
E:root:范例为E,而且是文档的根元素
E:nth-child(n):是其父元素的第n个范例为E的子元素 ,基数从1开始
E:first-child:是其父元素的第1个范例为E的子元素
E:last-child:是其父元素的最后一个范例为E的子元素
E:only-child:且是其父元素的独逐一个范例为E的子元素 （编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
