jquery 注意事项与常用语法小结
2024-05-06 12:37:05
供稿：网友
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的高度。
(2)、用css()方法获取高度值与height()方法的区别是： css()方法获取的高度值与样式的设置有关，可能会得到"auto"，也可能得到"10px"之类的字符串；而height()方法获取的高度值则是元素在页面中的实际高度，与样式的设置无关，并且不带单位。
6、关于事件对象(event)的属性
jQuery对事件对象的常用属性进行了封装，使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断。
