jquery 注意事项与常用语法小结

1、关于选择器中含有特殊符号
选择器中含有”.”，”#”，”(“，”]”等特殊字符，根据W3C的规定，属性值中是不能含有这些特殊字符的，例如：

<div id=”id#b”>bb</div>
<div id=”id[1]”></div>

如果按照普通的方式来获取，例如：

$(“#id#b”);
$(“#id[1]”);

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

$(“#id#b”);
$(“#id[1]”);

2、关于选择器中含有空格的
看下面这个例子，它的HTML代码如下：

<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>

使用jquery选择器分别获取它们：

alert($(“.test :hidden”).length);//输出4
alert($(“.test:hidden”).length);//输出3

之所以会出现不同的结果，是因为后代选择器与过滤选择器的不同。

$(“.test :hidden”).length;//带空格的

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

$(“.test:hidden”).length;//不带空格的

而上面的代码则是选取隐藏的class为”test”的元素。
3、关于val()方法
在jquery中，val()方法是从最后一个选项往前读取，如果选项的value或者text中任意一项符合就会被选中，例如：

<option value=”1号”>2号</option>
<option value=”2号”>1号</option>

无论使用val(“1号”)还是val(“2号”)，都会选中后面的那个option
4、关于css()方法
如果参数值是数字，将会被自动转换为像素值；如果属性中带有”-“符号，例如font-size、background-color等属性，如果在设置这些属性的值的时候不带引号，那么就要用驼峰式写法，例如：

$(“p”).css({fontSize:”30px”, backgroundColor:”#888888″});

如果带上了引号，既可以写成”font-size”，也可以写成”fontSize”，建议大家加上引号，养成良好的习惯。
5、关于height()方法
(1)、在jQuery1.2版本以后的height()方法可以用来获取window和document的高度。