jquery 注意事項(xiàng)與常用語法小結(jié)
2024-05-06 12:37:05
供稿：網(wǎng)友
1、關(guān)于選擇器中含有特殊符號(hào)
選擇器中含有"."，"#"，"("，"]"等特殊字符，根據(jù)W3C的規(guī)定，屬性值中是不能含有這些特殊字符的，例如：
代碼如下:
<div id="id#b">bb</div>
<div id="id[1]"></div>
如果按照普通的方式來獲取，例如：
代碼如下:
$("#id#b");
$("#id[1]");
以上代碼不能正確獲取到元素，正確的寫法如下：
代碼如下:
$("#id//#b");
$("#id//[1//]");
2、關(guān)于選擇器中含有空格的
看下面這個(gè)例子，它的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
之所以會(huì)出現(xiàn)不同的結(jié)果，是因?yàn)楹蟠x擇器與過濾選擇器的不同。
代碼如下:
$(".test :hidden").length;//帶空格的
以上代碼是選取class為"test"的元素里面的隱藏元素。
代碼如下:
$(".test:hidden").length;//不帶空格的
而上面的代碼則是選取隱藏的class為"test"的元素。
3、關(guān)于val()方法
在jquery中，val()方法是從最后一個(gè)選項(xiàng)往前讀取，如果選項(xiàng)的value或者text中任意一項(xiàng)符合就會(huì)被選中，例如：
代碼如下:
<option value="1號(hào)">2號(hào)</option>
<option value="2號(hào)">1號(hào)</option>
無論使用val("1號(hào)")還是val("2號(hào)")，都會(huì)選中后面的那個(gè)option
4、關(guān)于css()方法
如果參數(shù)值是數(shù)字，將會(huì)被自動(dòng)轉(zhuǎn)換為像素值；如果屬性中帶有"-"符號(hào)，例如font-size、background-color等屬性，如果在設(shè)置這些屬性的值的時(shí)候不帶引號(hào)，那么就要用駝峰式寫法，例如：
代碼如下:
$("p").css({fontSize:"30px", backgroundColor:"#888888"});
如果帶上了引號(hào)，既可以寫成"font-size"，也可以寫成"fontSize"，建議大家加上引號(hào)，養(yǎng)成良好的習(xí)慣。
5、關(guān)于height()方法
(1)、在jQuery1.2版本以后的height()方法可以用來獲取window和document的高度。
(2)、用css()方法獲取高度值與height()方法的區(qū)別是： css()方法獲取的高度值與樣式的設(shè)置有關(guān)，可能會(huì)得到"auto"，也可能得到"10px"之類的字符串；而height()方法獲取的高度值則是元素在頁面中的實(shí)際高度，與樣式的設(shè)置無關(guān)，并且不帶單位。
6、關(guān)于事件對(duì)象(event)的屬性
jQuery對(duì)事件對(duì)象的常用屬性進(jìn)行了封裝，使得事件處理在各大瀏覽器下都可以正常運(yùn)行而不需要進(jìn)行瀏覽器類型判斷。
