今天遇到了關于jQuery對象與dom對象的區分問題。具體如下：對于元素<span id="aa" class="aa">hyz</span>在jquery環境下給該元素綁定事件。對于以下幾種方法：

1.$('#aa').click();

2.$('.aa')[0].click();

3.$('.aa:eq(0)').click();

對于第一種方法，$('#aa')獲取的是一個jQuery對象，故可以使用jQuery的click方法；

對于第二種方法，這是錯誤的。$('.aa')獲取的是一個jQuery對象數組,$('.aa')[0]是一個dom對象，故不能使用jQuery的方法（包括click），而要把這個dom對象轉換成jQuery對象，則需要這樣寫：$($('.aa')[0]).click();

對于第三種方法，$('.aa:eq(0)')是一個jQuery對象，原因是使用jQuery選擇器獲取的對象。

注意：jQuery對象只能用jQuery方法，dom對象只能用dom方法。例如：$('#aa').innerHTML這樣的寫法是錯誤的。

數組中jQuery對象與dom對象的轉化問題：

var aa = $('.aa');//這是一個jQuery對象的數組，即是一個數組對象

var aa1 ?= aa[0];//這是一個dom對象

aa1 = aa.get(0);//這是一個dom對象

aa = $('#aa');//這是一個jQuery對象

?

詳細參考資料請點擊這里http://www.cnblogs.com/yellowapplemylove/archive/2011/04/19/2021583.html

轉載于:https://www.cnblogs.com/joyho/p/3205809.html

總結

以上是生活随笔為你收集整理的关于jQuery对象与DOM对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。