JQuery 对象与 DOM 对象

tianlai 发布于2019-08-29 11:23 / 458人阅读

摘要：可以看到数组对象的前两个值是对象，所以可以通过来分别获得的两个对象。如果传递给函数的参数是一个对象，方法会把这个对象给包装成一个新的对象元素元素元素

请注意 JQuery 对象与 DOM 对象是不同的




var test = document.getElementById("test");
var $test2 = $("#test2");

其中 test 是 DOM对象，而$test2 是JQuery 对象

但是两者又是可以转换的

1.JQuery 对象转换为 DOM 对象

利用数组下标的方式读取到jQuery中的DOM对象

元素1
元素2
元素3

var $div = $("div")//$div 是jquery 对象
console.log($div);

JQuery 对象是一个类数组对象，可以看到它的数组对象最前面的值就是 DOM 对象，所以可以通过数组下标的方式将 JQuery 对象转换为 Dom 对象。

            


var $pp = $("p");
console.log($pp);

可以看到JQuery 数组对象的前两个值是 DOM 对象，所以可以通过 $pp[0],$pp[1]来分别获得
,的两个DOM 对象。




var $test1 = $("#test1");
console.log($test1);
var $test2 = $(".test2");
console.log($test2);

可以通过下标 0 来分别获取，id 和 class

通过的JQuery 自带的 get() 的方法

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引

var $div = $("div") //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = "red" //操作dom对象的属性

将 DOM 对象转换为 JQuery 对象

通过 $(DOM) 的方法可以将一个 JQuery 对象转换为一个 Dom 对象。
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

元素1
元素2
元素3

var div = document.getElementsByTagName("div");
          
var div1 = div[1];
console.log(div1);
            
 console.log($(div1));
 $(div1).css("color","gold");

GPU云服务器云服务器删除dom对象 dom对象操作 javascript的dom对象 js操作dom对象

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

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

JQuery 对象与 DOM 对象

摘要：可以看到数组对象的前两个值是对象，所以可以通过来分别获得的两个对象。如果传递给函数的参数是一个对象，方法会把这个对象给包装成一个新的对象元素元素元素请注意 JQuery 对象与 DOM 对象是不同的 var test = document.getElementById(test); var $test2 = $(#test2); 其中 test 是 DOM对象，而$test2...

LiangJ 2019-08-20 11:26 评论0 收藏0
jQuery（一）-- 初步了解

摘要：一初步了解介绍由创建于年一月的开源项目，凭借着跨平台的兼容性，简洁的语法，极大的简化了人员遍历文档，操作，处理事件，执行动画，和开发的操作。只建立一个名为的对象。对发生在同一个对象上的一组动作，可以直接连写无需重复获取对象。 jQuery（一）-- 初步了解 jQuery介绍由John Resig创建于2006年一月的开源项目，jQuery凭借着跨平台的兼容性，简洁的语法，极大的简...

quietin 2019-08-26 10:43 评论0 收藏0
【Jquery对象】jquery与dom对象的区别

摘要：对象是独有的，可以使用里的方法。因此对象和对象是不一样的，不能调用对方定义的方法。普通的对象可以用包装起来转换为对象正常对象对象本身是一个集合，要转换为对象，可通过数组索引取出第一种方式第二种方式注返回的还是对象是对象。最近工作有很多判断的代码，用到了jquery与dom对象的地方比较多，写在这里加强下基本概念： 1.判断是否存在时候，要用dom对象，因为jQuery在获得对象的时候...

wslongchen 2019-08-23 16:51 评论0 收藏0
JQuery基础修炼-样式篇

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

_Dreams 2019-08-02 15:55 评论0 收藏0
JQuery基础修炼-样式篇

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

luck 2019-08-19 18:24 评论0 收藏0