jQuery-使用选择器注意事项 学习笔记十

在使用jQuery选择器时需要特别注意的一些事项，也可以说是使用过程中可能遇到的一些问题：

1、class或都id中含有“.”,“#”等特殊字符

    在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符，如果按照普通方式处理就会出错，解决方法是用转义符转义。

在下面程序中：

<div id="id.a">aaaaa</div>

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

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

按照我们习惯的普通方式jQuery选择器获取:

$("#id.a"),$("#id#b")               这样来获取是错误的，根本不能正确的获取

正确的方法如下：对特殊字符，转义一下

jQuery代码：

$("#id//.a");

$("#id//#b");

$("#id//[1//]");

 

2、属性选择器的引号问题

属性选择器中，值的引号是可能可元的，但有些特殊情况却必须有。比如：属性中含有“]”特殊字符。

<div title="name[1]a">aaaa</div>

如果属性值不加引号，jQuery代码：

$("div[title=name[1]a]");

会获取不到。解决方法是加上引号，正确的做法是：

$("div[title="name[1]a"]");