码迷,mamicode.com
首页 > Web开发 > 详细

JQ与JS的相互转换

时间:2017-10-09 12:07:20      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:选中   提示   对象   color   var   相互转换   doc   数组   使用   

$()函数是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的相互转换

标签:选中   提示   对象   color   var   相互转换   doc   数组   使用   

原文地址:http://www.cnblogs.com/xmlys/p/7640281.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!