jQuery对象与DOM对象之间的转换

什么是DOM对象

　　使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。比如使用document.getElement*系列的方法返回的就是dom对象。

var btn = document.getElementById("btnShowDiv");
var divs = document.getElementsByTagName("div");

　　dom对象只可以使用dom对象的方法和属性

domObject.innerHTML = "dom对象设置文本";
domObject.style.display= "block";//dom对象显示对象
domObject.onclick = function() {}//dom对象绑定事件

什么是jQuery对象

　　jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。比如使用$()方法返回对象都是jquery对象。

$("div");//标签选择器返回的jquery对象。
$("#btnShowDiv");//id选择器返回的jquery对象。

　　jQuery对象只能使用jquery对象的方法

var $obj = $("div");
$obj.html("jquery对象设置文本的方法");
$obj.show();//jquery对象显示文本 $obj.click(function() {});//jquery对象绑定事件

错误的用法

$("div").innerHTML;//jquery对象不能调用dom方法
//dom对象不能调用jquery方法。
document.getElementById("btnShowDiv").show();

深入了解jQuery对象

jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合）

联想记忆：衣服和洗衣机的关系

jQuery对象和DOM对象的相互转换

1.jQuery对象转DOM对象

var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法 $li.get(0) //其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。

2.DOM对象转jQuery对象

联想记忆：我有钱[美元]，所以我的功能就更强大。

var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象

转载于:https://www.cnblogs.com/lsy0403/p/5907084.html

jQuery对象与DOM对象之间的转换相关推荐

jquery对象PHP转换,JavaScript_jQuery对象与DOM对象之间的相互转换，1、jQuery对象转换成DOM对象 jQue - phpStudy...
jQuery对象与DOM对象之间的相互转换 1.jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法 ...
jQuery概述、优点、使用步骤、入口函数、jQuery对象和DOM对象之间的转换、层级选择器、属性选择器、筛选选择器、节点选择器
jQuery简介: jQuery是一个高效.精简并且功能丰富的javascript库,它提供的API简单易学,且兼容众多浏览器,极大地简化了javascript代码开发,包含内容:HTML 元素选取. ...
JS对象与Dom对象与jQuery对象之间的区别
前言通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
jquery对象PHP转换,jquery对象和DOM对象如何相互转换？
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
JQuery对象与DOM对象的区别与转换
1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = ...
jQuery对象与dom对象的转换
jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象. 普通的d ...
jQuery对象与DOM对象之间的转换方法
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery
本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...
jQuery对象和DOM对象的区别和转换
jQuery对象和DOM对象 DOM对象是在js当中的,简单的来说既是我们可以通过getElementById()我们可以取到的这些HTML结构.在js中并没有当中是没有jQuery对象的. 只有使用 ...
jQuery对象和DOM对象使用说明
1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...