1.选择器中含有特殊符号的注意事项(eg:"·"、"#"、"("、"]")
解决办法,使用转义符转义
$('#id\\#b'); //转义特殊符“#”
$('#id\\[1\\]') //转义特殊字符“[]”
2.选择器中含有空格的注意事项
举例说明:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery空格注意事项</title> <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script type="text/javascript"> var $t_a = $('.test :hidden'); //带空格,选取class是test的元素里面的隐藏元素 var $t_b = $('.test:hidden'); //不带空格,选取隐藏的class为test的元素 var len_a = $t_a.length; var len_b = $t_b.length; alert("$('.test :hidden') = "+len_a); //输出4 alert("$('.test:hidden') = "+len_b); //输出3 </script> </head> <body> <div class="test"> <div style="display:none">aa</div> <div style="display:none">bb</div> <div style="display:none">cc</div> <div class="test" style="display:none">dd</div> </div> <div class="test" style="display:none">ee</div> <div class="test" style="display:none">ff</div> </body> </html>