歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> DOM對象和jQuery對象的相互轉換

DOM對象和jQuery對象的相互轉換

日期:2017/3/1 10:18:01   编辑:Linux編程

在學習jQuery的時候,有時候總是把DOM對象和jQuery對象弄混,用DOM對象去調用jQuery對象的方法,用jQuery對象的方法去調用DOM對象的方法,這是不可以的。其實這兩種東西可以進行相互的轉換,在使用的時候可以搭配使用。轉換的過程十分的簡單。

1、DOM對象轉換為jQuery對象

對於一個DOM對象來說,要把它轉換成jQuery對象只需要給DOM對象前加上$符號即可。

格式:$(DOM對象)

代碼示例:

  1. var obj = document.getElementById("text");
  2. var jq_obj = $(obj);

經過這樣的轉換以後,jq_obj就變成了一個jQuery的對象,就可以使用如html(),text()這樣的jQuery的方法了。

2、jQuery對象轉換為DOM對象

對於一個jQuery對象來說,要把它轉換成DOM對象有兩種方法,第一種方法是通過數組下標的方法來得到DOM對象。

格式:jQuery對象[index]

代碼示例:

var dom_obj = jq_obj[0];

第二種方法是jQuery對象本身提供的,通過get方法得到相應的DOM對象。

格式:jQuery對象.get[index]

代碼示例:

var dom_obj = jq_obj.get[0];

在使用的時候可以任意地相互轉換jQuery對象和DOM對象。

Copyright © Linux教程網 All Rights Reserved