jquery开发之jQuery对象和DOM对象的相互转换

如果获取的对象是jQuery对象,那么在变量前加上$,如下:

var $variable = jQuery 对象

如果获取的是DOM对象,定义如下:

var variable = DOM对象

1,jQuery对象转换成DOM对象

jQuery 提供了两种方法将一个jQuery对象转换为DOM对象,即[index] 和get(index)

(1) jQuery 对象是一个类似数组的对象,可以通过[index] 的方法得到相应的DOM对象。jQuery 代码如下:

var  $cr = $("#cr");  // jQuery对象
var cr = $cr[0];       //DOM对象

(2)另一种方法是jQuery 本身提供的,通过get(index)方法得到相应的DOM对象,jQuery代码如下:

var $cr =$("#cr");     //jQuery对象
var cr =$.get(0);      //DOM对象

2,DOM对象转换为jQuery对象

对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。 jQuery代码如下:

var cr = document.getElementById("cr");    //DOM对象
var $cr = $(cr);  //jQuery对象
时间: 2024-08-27 04:15:19

jquery开发之jQuery对象和DOM对象的相互转换的相关文章

jQuery 开发之jQuery事件一

1,DOM加载 $(document).ready() 和window.onload()的区别.他们虽然功能相似,但是执行时机方面是有区别的. window.onload() 方法是在网页中所有的元素(包括元素的关联文件)完全加载到浏览器后才执行.此时JavaScript可以访问网页中的任何元素.而通过jQuery 中的$(document).ready() 方法注册的时间处理程序,在DOM完全就绪时就可以被调用.此时网页中的所有元素对jQuery而言都可以被访问 的,但是这并不意味着这些元素的

jQuery 开发之jQuery事件二

1,模拟操作 (1)常用模拟 在jQuery中可以用trigger() 方法来实现模拟操作.例如可以是用下面的代码来实现btn的click事件, $("#btn").trigger("click"); 也可以直接用简化写法click()方法来实现.示例代码如下: $("#btn").click(); (2) 触发自定义事件 trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件. jQuery示例代码如下: $

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

jQuery基础(样式篇,DOM对象,选择器,属性样式)

1. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用. $(document).ready(function() {   内容  }); 1.jQuery对象与DOM对象   jQuery对象与DOM对象是不一样的 普通处理,通过标准JavaScript处理: var p = document.getElementById

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j

什么是jquery $ jQuery对象和DOM对象 和一些选择器

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容 小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别

jQuery对象与dom对象的转换

jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getElementByIdx_x("msg"))则为jquery对象,可以使用jquery的方法.由于jquery对象本身是一个集合.所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取

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

什么是DOM对象 使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象.比如使用document.getElement*系列的方法返回的就是dom对象. var btn = document.getElementById("btnShowDiv"); var divs = document.getElementsByTagName("div"); dom对象只可以使用dom对象的方法和属性 domObject.innerHTML = "

二,jquery对象 与 dom对象关系

dom对象就是jquery对象的数组组成部分 1,jquery对象----->dom对象: $()[下标],可以调用dome方法 2 dom对象----->jquery对象:$(dom对象),可以调用jquery方法