歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> 《鋒利的jQuery》學習筆記

《鋒利的jQuery》學習筆記

日期:2017/3/1 9:17:04   编辑:Linux編程

《鋒利的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

Copyright © Linux教程網 All Rights Reserved