1. 程式人生 > >JQ與JS的相互轉換

JQ與JS的相互轉換

-s 轉換 由於 spa () col $() 互轉 dom對象

$()函數是JQ對象的制造工廠,或者講JQ對象都是由此函數生成的。

1、在JQ對象變量名前加$,格式:

var $變量名=JQ對象;

在dom對象變量名前不加$,格式:

var 變量名=JS對象;

例如:

var $cr=$("#cr");//jq對象

var cr=document.getElementById("cr");//dom對象

1)JQ對象轉換為dom對象 由於JQ對象變量是數組,也能把JQ的對象變量轉換成dom對象,

例如: var $cr=$("#cr");

var cr=$cr[0];

2、也可以使用get(index)函數把JQ對象變量轉換成JS對象變量,

例如: var $cr=$("#cr");//jq對象

//var cr=$cr[0];

var cr=$cr.get(0);//轉換成dom對象

alert(cr.checked);//提示此checkbox是否被選中

2)DOM對象(JS對象)轉換為JQ對象 用$()函數把DOM對象包裝起來成為JQ對象,

格式: $(DOM對象);

例如: var cr=document.getElementById("cr");//dom對象

var $cr=$(cr);//JQ對象

JQ與JS的相互轉換