首页 > Web开发 > 详细

jQuery选择器中的一些注意事项

时间:2015-03-01 22:29:39      阅读:393      评论:0      收藏:0      [点我收藏+]
  1. 选择器中含有特殊符号:

    选择器中含有"."、"#"、"("或"]"等特殊字符。根据W3C的规定,属性值中是不能含有这些特殊字符的。但在实际项目中偶尔会遇到表达式中含有"#"和"."等特殊字符。如果按照普通的方式去处理出来的话就会出错。解决此类错误的方法是使用转义符转义。

    HTML代码如下:

    <div id="id#b">bb</div>

    <div id="id[1]">cc</div>

    如果按照普通的方式来获取,例如:

    $("#id#b");

    $("#id[1]")

    以上代码不能正确获取到元素,正确的写法如下:

    $("#id\\#b");        //转移特殊字符#

    $("#id\\[1\\]")    //转移特殊字符[]

  2. 选择器中含有空格的注意事项:

    选择器中的空格也是不容忽视的,多一个空格或少一个空格也许会得到截然不同的结果。例如:

    var $t_a=$(‘.test :hidden‘);    //带空格的jQuery选择器

    以上代码是选取class为"test"的元素里面的隐藏元素

      1. var $t_b=$(‘.test:hidden‘);    //不带空格的jQuery选择器
      以上代码是隐藏的class为"test"的元素

jQuery选择器中的一些注意事项

原文:http://my.oschina.net/935572630/blog/381067

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!