Jquery对象与Dom对象的转换

jquery对象与dom对象的转换

jquery对象只可以使用jquery的方法,dom对象只可以使用dom对象的方法

dom对象转换为jquery对象

使用美元符号$包裹

var obj=document.getElementById('root'); // 这里获取的而是id为root的dom对象
var $obj=$(obj); // 通过使用$()包裹,转化为jquery对象。

jquery对象转换为dom对象

通过jquery选择器或者筛选器获得的应该是个数组列表,需要通过指明下标来具体转换

方法一:使用[]

var obj=$("div"); // obj为jquery对象
var _domobj=obj[0] // 使用[]转为dom对象

方法二:使用jquery提供的get()方法

var obj=$("div"); // obj为jquery对象
var _domobj=obj.get(1) // 使用get(index)转为dom对象

通过jquery筛选器获得的子元素,指明具体的子元素仍然为jquery对象

$("#container").children(".line").eq(1).attr(); 
// 通过jquery的children方法获取id为container下的所有class为line的元素,并将第二个元素使用jquery的attr()方法进行进一步处理
// 即$("#container").children(".line").eq(1)获取的第二个元素还是jquery对象

参考理解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,467评论 0 44
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,623评论 0 11
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,203评论 0 1
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,685评论 18 503