《鋒利的jQuery》學習筆記--One Sections
第一章
1、 $是jQuery的一個簡寫形式
2、 在jQuery中無法使用DOM對象的任何方法:比如:$ (“#id”).innerHTML、$ (“#id”).checked,
可以使用:$ (“#id”).html()、$ (“#id”).attr(“checked”);
3、 DOM對象無法使用jQuery中的任何方法:
document.getElementById(“#id”).html();
4、 把jQuery轉換成DOM對象:
1) var $c =$ (“#cr”);
var c = $c[0]或者var c =$c.get(0)
5、 把DOM轉換成jQuery對象:
var cr = document.getElementById(“#id”);
var $cr = $(cr)
6、 當jQuery和其他庫一起使用沖突時:
1) jQuery在其他庫之後導入
(1) 調用jQuery.noConflict();//將變量$的控制權移交給其他庫
(2) 如果想要自己定義一個快捷方式的話:
var $j = jQuery.noConflict();
$j(“#id”)
2) jQuery在其他庫之前導入
直接使用“jQuery”來工作,其他庫使用$()方法
第二章
1、 $(".one+div”)等價於$(“.one”).next(“div”);
2、 $(".one~div”)等價於$(“.one”).nextAll(“div”);
3、 PS:
1) 在選擇器中不能含有“·”、“#”、“(”、“]”,如果使用的話,就要在前面加上“\\”
2) 使用1.3.1以上版本的時候,不需要在屬性前面加上@,比如:$("div[title=’test’]”)
3) 選擇器中含有空格的注意事項:
$(‘.test :hidden’)【後代選擇器】和$(‘.test:hidden’)【過濾選擇器】不一樣
更多詳情見請繼續閱讀下一頁的精彩內容: http://www.linuxidc.com/Linux/2016-04/130067p2.htm
鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm