本章节介绍一下如何进行原生js对象鱼jquery对象的相互转换,这个问题或许会对初学者带来一定的困扰。

jquery对象就是dom对象被jQuery封装后产生的对象,jquery对象可以可以jquery方法,而原生的js对象不能够使用jquery方法。

dom对象则是js固有,dom对象可以使用原生的js方法,不能够使用jquery的方法。

一.dom对象转换为jquery对象:

只要使用$()即可将dom对象转换为jquery对象,代码如下:
   [ 其他 ] 运行代码    下载代码
<script>
var dom=document.getElementById("thediv");
var jq=$(dom);
</script>
上面的代码实现了dom对象向jquery对象的转换。

二.jquery对象转换为dom对象:

由jquery对象转换为dom对象的方式其实有很多,下面就简单介绍比较常用的两种。

1.jquery对象其实是一个dom对象集合,所以使用索引的方式即可获取dom对象,代码如下:
   [ 其他 ] 运行代码    下载代码
<script>
var jq=$("#thediv");//jQuery 对象
var dom=jq[0];//DOM 对象
</script>
2.使用jquery自带的方法:
   [ 其他 ] 运行代码    下载代码
<script>
var jq=$("#thediv");//jQuery 对象
var dom=jq.get(0);//DOM 对象
</script>

代码描述:DOM对象与jquery对象 相互转换。DOM对象与jquery对象相互转换源码实例



132 176



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到