DOM對象和js對象以及jQuery對象的區別

  • DOM準確說是對文檔對象的一種規範標準(文檔對象模型),標準只定義了屬性和方法行為。
  • 二、JavaScript 對象
  • JavaScript 提供多個內建對象,比如 String、Date、Array 等等。
  • 對象只是帶有屬性和方法的特殊數據類型。
  • 通過js獲取的DOM對象就是js對象
  • 當瀏覽器支持js的dom接口(api)時,這裡狹義的dom對象是以js對象的形式出現的,也就是一個js對象
  • 三、jQuery對象
  • jQuery對象其實是一個JavaScript的數組,這個數組對象包含125個方法和4個屬性
  • 4個屬性分別是
    • jquery 當前的jquery框架版本號
    • length 指示該數組對象的元素個數 .
    • context 一般情況下都是指向HtmlDocument對象 .
    • selector 傳遞進來的選擇器內容
    1. jquery對象就是通過jQuery包裝DOM對象後產生的對象。jQuery對象是jQuery獨有的,其可以使用jQuery裡的方法,但是不能使用DOM的方法;反過來Dom對象也不能使用jquery的方法
    2. jQuery對象和js對象區別:
    3. 1.jQuery對象屬於js的數組;
    4. 2.jQuery對象是通過jQuery包裝的DOM對象後產生的;
    5. 3.jQuery對象不能使用DOM對象的方法和屬性
    6. 4.DOM對象不能使用jQuery對象的方法和屬性
    7. jQuery對象和js對象之間的相互轉換

    1) js轉jQuery對象:

    $(js對象)

    2)jQuery對象轉js對象

    示例:

    //轉換jQuery對象為DOM對象

    doc2.innerHTML="這是jQuery的第一個DOM對象"

    //使用jQuery對象本身提供的get函數來返回指定集合位置的DOM對象

    var doc2=$("#idDoc2").get(0);

    doc2.innerHTML="這是jQuery的第二個DOM對象"


    分享到:


    相關文章: