JQ与JS的相互转换

Posted 2020-10-10 XMLYS

$()函数是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对象