jQuery对象与DOM对象

写小项目的时候遇到jQuery对象与DOM对象的问题,搜集了一点两者区别及相互转换的知识,在此记录一下。

1. jQuery对象就是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;
例如:$("#img").attr("src");这里的$("#img")就是jQuery对象。
jQuery对象语法:$(“jQuery选择器”)。

2. DOM对象就是Javascript固有的一些对象操作。能使用Javascript固有的方法,但是不能使用jQuery里的方法。

取得DOM对象语法:document.getElementById("id")

3. 两者转换:

  1. DOM对象转换成jQuery对象
    如:var v=document.getElementById("v"); //DOM对象
    var $v=$(v); //jQuery对象
    转换后,就可以任意使用jQuery的方法了。

  2. jQuery对象转成DOM对象:
    jQuery对象就是一个数组对象。两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
    (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。如:
    var $v =$("#v") ;// jQuery对象
    var v=$v[0]; //DOM对象
    alert(v.checked); //检测这个checkbox是否被选中。
    (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象如:
    var $v=$("#v"); //jQuery对象
    var v=$v.get(0); //DOM对象
    alert(v.checked); //检测这个checkbox是否被选中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值