什么是jquery $ jQuery對象和DOM對象 和一些選擇器


1什么是jQuery:

jQuery就是將一些方法封裝在一個js文件中。就是個js庫

我們學習這些方法。

2為什么要學習jQuery:

原生js有以下問題:

1.兼容性問題
2.代碼重復
3.DOM提供的方法名太長,難記
4.代碼容錯性較差
5.入口函數只能有一個,如果出現多個,后面的會把前面的覆蓋掉

3

jQuery版本介紹:
大版本 ; 1 2 3 1 兼容ie6、7、8 2 3 不兼容
小版本: 壓縮版(生產環境中用) 沒有注釋 沒有換行 沒有空格 變量名 都是 a b c d 這種模式 體積特別小
未壓縮版(開發環境中用) 注釋特別清晰 格式也特別清晰

4$本質

$(selector) 選擇器
$(domObj) 將dom對象轉換成jQuery對象
$(function) 入口函數的第二種寫法

$===jQuery

5jQuery對象和DOM對象:

jQuery對象:jQuery方法獲取的元素就是jQuery對象

jQuery對象就是DOM對象的包裝集 (偽數組)

DOM對象:js方法獲取的元素就是dom對象


jQuery對象轉dom對象
jQueryObj[index]
jQueryObj.get(index)

dom對象轉jQuery對象 (給錢就能成事兒)
$(domObj)

5一些選擇器::

 5.1基本選擇器:id選擇器     $("#id名")

class選擇器  $(".className")

表簽選擇期  $("TagName")

並集選擇器 $("selector1,slector2.........")

交集選擇器  $("selector1selector2.......")

 5.2層級選擇器

后代選擇器 $("selector1 selector2 ....")
子代選擇期 $("selctor1>selector2>.......")

5.3過濾選擇器
$("selector:filter")
$("selector:odd") 奇數過濾選擇器
$("selector:even") 偶數過濾選擇器
$("selector:eq(index)") 序號過濾選擇器

5.4過濾選擇器
是方法
jequryObj.children("selector")子元素過濾
jequryObj.parent()父元素
jequryObj.siblings("selector")兄弟元素過濾
jequryObj.next();下一個元素
jequryObj.find("selector")后代過濾
jequryObj.eq(index)序號過濾

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM