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

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"的元素里面的隐藏元素

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