07.30《jQuery》——1.1DOM对和jQuery对象的转化

1.dom对象--->jQuery对象

$(DOM对象):是把DOM对象转化成JQuery对象

演示代码
//1.dom对象---->jQuery对象
var div1 = document.getElementById("div1");
var $div1 = $(div1);
alert($div1.html());// $div1.width()

jQuery对象实质就是map、关联数组

Dom对象是存到jQuery对象的第一个元素中

使用console.dir打印jQuery对象演示

模拟jQuery对象

2.把jQuery对象转化为DOM对象
//2.把jQquery对象--->dom对象
var $div = $("#div1");

//第一种方式
//var div = $div[0];//div是DOM对象
//第二种方式
var div = $div.get(0);
alert(div.innerHTML);

变量定义的规范:jQuery对象前面要加$,dom对象不用加$

转载于:https://www.cnblogs.com/justlive-tears/p/9393609.html

07.30《jQuery》——1.1DOM对和jQuery对象的转化相关推荐

JavaWeb笔记：第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx
JavaWeb笔记:第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx 1. MVC ...
jQuery：收集一些基于jQuery框架开发的控件/jquery插件2
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...
读jQuery之二十（Deferred对象）
Deferred对象是由 jQuery.Deferred 构造的,jQuery.Deferred 被实现为简单工厂模式. 它用来解决JS中的异步编程,它遵循 Common Promise/A 规范.实 ...
[jQuery]Great Ways to Learn jQuery
These jQuery resources will set you on the path towards mastering jQuery. Written Articles Getting S ...
jquery ui 主题_使用jQuery UI主题
主题不是一个新概念. 您可能已经使用级联样式表(CSS)样式和类推出了一些样式,以格式化网站的外观. 使用框架可以使方法标准化,并减少需要编写的工作量和代码量. jQuery UI现在是主题实现的行业 ...
jQuery笔记（锋利的jQuery）
知识: jQuery对象和DOM对象不是互通的相互转换的方法: //jQuery转换DOM //法一:使用数组下标[index] var $cr=$("#cr"); //jQue ...
jQuery系列第三章 jQuery框架操作CSS
第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...
jQuery第二天学习总结—— jQuery 尺寸、位置操作
jQuery 尺寸.位置操作 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不 ...
jquery jQuery的入口函数 $函数 dom对象和jquery对象
文章目录 jquery jQuery的入口函数 $函数 dom对象和jquery对象 jQuery的入口函数视频代码 $函数视频代码 dom对象和jquery对象视频代码 jquery j ...
DOM对象与 JQuery对象互相转化
JQUERY对象$("p")转化DOM对象 $("p") => $("p")[0] / $("p").get ...

07.30《jQuery》——1.1DOM对和jQuery对象的转化

07.30《jQuery》——1.1DOM对和jQuery对象的转化相关推荐

最新文章

热门文章