当前位置:编程学习 > JS >>

jquery css选择器实现代码(1/2)

css教程选择符包括通配选择符、id选择符、属性选择符、包含选择符、类选择符等,他们的基本格式为:

    通配选择符:$("#id *") 表示该元素下的所有元素。

    id选择符:$("#id") 表示获得指定id的元素。

    属性选择符:$("input[type=text]") 表示type属性为text的所有input元素。

    包含选择符:$("ul li a") 表示ul元素下所有的li元素里的所有a元素。

    类选择符:$(".class") 表示所有引用class样式的元素。

当然这些选择符是可以配合使用的比如说:$("#id input[type=text]"),这种写法表示指定id元素下的type属性为text的所有input元素。在jquery中有些细微的改动都是非常有趣的,比如$("ul li").addclass("class")和$("ul > li").addclass("class"),他们显示出来的效果是不同的,第一种是将ul下的所有li元素添加样式,第二种是将ul下的第一个li元素添加样式,具体更多的使用方法可以自行测试。

  xpath选择符(自1.3版本后已经不支持,但也可了解下)所涵盖的内容不多,他们的基本格式为:

    $("[@title]") 表示选择所有元素内 属性带有title的元素。

    $("[@title^=t]") 表示所有属性title值是以t为开头的元素。

    $("[@title$=t]") 表示所有属性title值是以t为结尾的元素。
    $("[@title*=t]") 表示所有属性title值是包含t的元素。

xpath选择符和css选择符一样,也可以配合使用,可以多个xpath选择符一起使用,也可以和css选择符一起使用,所以想要达到你想要的要求用jquery方法是有很多种的。 

1 2
补充:网页制作,jquery 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,