资讯专栏INFORMATION COLUMN

【Jquery对象】jquery与dom对象的区别

wslongchen / 1267人阅读

摘要:对象是独有的,可以使用里的方法。因此对象和对象是不一样的,不能调用对方定义的方法。普通的对象可以用包装起来转换为对象正常对象对象本身是一个集合,要转换为对象,可通过数组索引取出第一种方式第二种方式注返回的还是对象是对象。

最近工作有很多判断的代码,用到了jquery与dom对象的地方比较多,写在这里加强下基本概念:

1.判断是否存在时候,要用dom对象,因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象

2.jquery对象与dom对象的转换:

jQuery对象就是通过jQuery包装DOM对象后产生的对象(集合对象)。jQuery对象是jQuery独有的,可以使用jQuery里的方法。
因此jQuery对象和DOM对象是不一样的,不能调用对方定义的方法。所以$(‘#test’).innerHTML会报错,document.getElementById(‘#test’)[0].html()也会报错。

普通的DOM对象可以用$()包装起来转换为jQuery对象:
$(document.getElementById(‘#test’)).html();//正常

jQuery对象jquery对象本身是一个集合,要转换为DOM对象,可通过数组索引取出:
第一种方式:$(‘#test’)[0]
第二种方式:$(‘#test’).get(0)
注: eq(0)返回的还是jQuery对象,eq(0)[0]是DOM对象。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103414.html

相关文章

  • jQuery DOM节点创建、插入、删除

    摘要:通过方法添加的元素刚好相反,内容在方法前面,无论是一个选择器表达式或创建作为标记上的标记它都将被插入到目标容器的末尾。主要的不同是语法特别是插入内容和目标的位置。 DOM节点的创建 DOM创建节点及节点属性 首先,介绍如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容 创建流程: 创建节点(常见的:元素、属性和文本)...

    rainyang 评论0 收藏0
  • jQuery attr prop 区别

    摘要:先提出问题对于这类值是的属性,用的或方法进行读取或设置值是有区别的。因此,如果你想知道文本框的当前值,则读取。的值并不会随着的状态而作出相应改变,而会。为对象设置值的安全做法避免内存泄漏是使用。参考翻译地址的与的区别 先提出问题:对于 checked 这类值是 true/false 的属性,用 jQuery 的 attr 或 prop 方法进行 读取或设置值是有区别的。 在看 jQue...

    kk_miles 评论0 收藏0
  • jQuery DOM节点遍历

    摘要:只要符合,不管是儿子辈,孙子辈都可以与其他的树遍历方法不同,选择器表达式对于是必需的参数。方法以选定的元素为中心,往内查找可以通过方法。要一个一个给合集中每一个设置颜色,这里方法就是方法就是一个循环的迭代器,它会迭代对象合集中的每一个元素。 children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.c...

    Elle 评论0 收藏0
  • JQuery基础修炼-样式篇

    摘要:具有相同的父元素,并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度,是大于零。元素的或被认为是可见的,因为他们仍然占用空间布局。 jQuery对象转化成DOM对象     jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

    _Dreams 评论0 收藏0
  • JQuery基础修炼-样式篇

    摘要:具有相同的父元素,并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度,是大于零。元素的或被认为是可见的,因为他们仍然占用空间布局。 jQuery对象转化成DOM对象     jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

    luck 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<