jQuery函數與對象(一)


一、jQuery函數
jQuery函數的兩種表現形式:
1、jQuery()
2、$()
說明:
在jQuery中使用jQuery()與$()是等價的,一般情況下均使用$()

jQuery函數中可以存放的四種參數形式:    【返回的均是jQuery對象
1、$(選擇器字符串)    
jQuery函數通過相應選擇器獲取對應的DOM對象,然后將這些DOM封裝到一個jQuery對象中並返回
eg:

    var $div = $('div');  //選取所有div元素節點並返回有這些DOM節點封裝到一個jQuery對象中


2、$(DOM對象)(即Node的實例)
jQuery函數將該DOM對象封裝成jQuery對象並返回
eg:

    var div = document.getElementsByTagName('div');
    var $div = $(div);    //將DOM對象轉化為jQuer對象


3、$(HTML文本字符串)
jQuery函數會根據傳入的文本創建好HTML元素並封裝成jQuery對象返回
eg:

    var $div = $("<div class='one'>one<div>");    //創建一個類名為one的div標簽且將其封裝成一個jQuery對象並返回


4、$(匿名函數)
當文檔結構加載完畢之后jQuery函數調用匿名函數
eg:

    $(function(){ });    //文檔結構加載完畢后執行function函數中的代碼
    $(document).ready(function(){ });  //將document節點轉化為jQuery對象在調用對象ready()方法實現文檔加載完畢后再執行函數內代碼


二、jQuery對象 【一般在變量前加$用來表示其為jQuery對象
1、jQuery對象的一些相關說明
a、jQuery對象是jQuery函數的實例,他可以調用jQuery原型中定義的一些方法
b、jQuery對象是一個類數組對象,內部存放的元素是DOM對象
c、jQuery對象的獲取通常是使用選擇器來獲取  【eg: $(選擇器字符串)
d、jQuery對象的操作實際上就是對jQuery數組中DOM對象的批量操作

2、jQuery對象與DOM對象之間的相互轉化
a、jQuery對象轉化為DOM對象
eg:

    $('div')[0];    //在jQuery對象后面添加數值下標即可選擇其獲取到的JQuery類數組對象中相應位置存放的DOM對象


b、DOM對象轉化為JQuery對象
eg:

    var div = document.getElementsByTagName('div');    //多個div返回的是一個DOM類數組對象
    var $div = $(div);    //將DOM對象作為jQuery函數的參數即可將該DOM對象轉化為jQuery對象

 


免責聲明!

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



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