jQuery对象与DOM对象的相互转换
来源:互联网 发布:销售开单软件 编辑:程序博客网 时间:2024/06/16 17:46
通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。
使用jQuery获取的对象不能使用DOM中的方法,而DOM对象也不能直接使用jQuery中的方法,例如 $p.html(*)是会报错的。那就涉及到将他们相互转换的问题,那么,如何将他们相互转换呢?
1.jQuery对象转DOM对象
方法一:[index]
// (1) jQuery对象是一个数据对象, 可以通过[index] 的方法, 来得到相应的DOM对象。var $p = $('#p-jq'); //jQuery对象var p = $p[0]; //DOM对象console.log($p); // 转DOM对象console.log(p);
运行结果如下:
方法二:.get(index) jQuery本身提供
var $p = $('#p-jq'); //jQuery对象console.log($p);var p = $p.get(0);//get(index)console.log(p);
运行结果同上:
1.DOM对象转jQuery对象
// 对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
var div = document.getElementById('div'); console.log(div); // 使用$(dom)方法转jquery对象 var $div=$(div); console.log($div);
运行结果如下: 0 0
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- DOM对象与jQuery对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- Jquery 对象与Dom对象相互转换
- jquery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- Android自定义View实现手写签名的功能
- C++小结(一)
- 动态规划在概率论中的应用:产生N种不同结果的概率之间的联系
- 计算缓存
- 实用文章列表
- jQuery对象与DOM对象的相互转换
- RHEL-RH134-UNI2-控制对文件的访问
- Volley框架小总结
- 题目:将二维数组arr中的第一列与最后一列的元素对调 用指针实现
- 基于docker的应用服务部署
- error C4703: 使用了可能未初始化的本地指针变量
- Ubuntu下挂载第二块硬盘办法
- CentOS6.5 静默安装Oracle 11g过程中提示:Exception in thread “main” java.lang.NoClassDefFoundError
- Minimal string