当前位置: 首页 > 编程笔记 >

jQuery对象和DOM对象之间相互转换的方法介绍

常俊爽
2023-03-14
本文向大家介绍jQuery对象和DOM对象之间相互转换的方法介绍,包括了jQuery对象和DOM对象之间相互转换的方法介绍的使用技巧和注意事项,需要的朋友参考一下

在讨论jQuery对象和DOM对象的相互交换之前,先约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前加上$,例如:


var $variable = jQuery对象;


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

var variable = DOM对象;


1.jQuery对象转成DOM对象

jQuery对象不能使用DOM中的方法,但是如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不实用DOM对象的时候,有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换成DOm对象,即[index]和get(index).

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

jQuery代码如下:


var $cr = $("#cr"); //jQuery对象

var cr = $cr[0] //DOM对象

alert(cr.checked) //检测这个checkbox是否选中了


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

jQuery代码如下:


[js]var $cr = $("#cr");

var cr = $cr.get(0);

alert(cr.checked)


2.DOM对象转换成jQuery对象

对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了,方式为$(DOM对象)。

jQuery代码如下:


var cr = document.getElementByID("cr"); //DOM对象

var $cr = $(cr);


转换后,可以任意使用jQuery中的方法。

通过以上方法,可以任意地相互转换jQuery对象和DOM对象。

最后强调,DOM对象才能使用DOM中的方法,jQuery对象不可以使用DOM中的方法,但jQuery对象提供了一套更加完善的工具用于操作DOM

 类似资料:
  • 本文向大家介绍jQuery对象与DOM对象之间的相互转换,包括了jQuery对象与DOM对象之间的相互转换的使用技巧和注意事项,需要的朋友参考一下 1、jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不使用DOM对象的时候,有以下两种处理方法: 1、jQuery对象是一个类似数组的对象,可

  • 本文向大家介绍jquery对象和javascript对象即DOM对象相互转换,包括了jquery对象和javascript对象即DOM对象相互转换的使用技巧和注意事项,需要的朋友参考一下 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").at

  • 本文向大家介绍jquery对象和DOM对象的任意相互转换,包括了jquery对象和DOM对象的任意相互转换的使用技巧和注意事项,需要的朋友参考一下 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码。其中

  • 本文向大家介绍jquery对象和DOM对象的相互转换详解,包括了jquery对象和DOM对象的相互转换详解的使用技巧和注意事项,需要的朋友参考一下 jquery对象和DOM对象的相互转换 在讨论jquery对象和DOM对象的相互转换之前,先约定好定义变量的风格如果获取的是jquery对象,那么在变量前面加上$,例如 var $varible = jquery对象; 如果获取的是DOM对象,则定义如

  • 本文向大家介绍php对象和数组相互转换的方法,包括了php对象和数组相互转换的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php对象和数组相互转换的方法。分享给大家供大家参考。具体分析如下: 这里定义2个php匿名对象和数组相互转换的函数,代码如下: 用法示例如下: 希望本文所述对大家的php程序设计有所帮助。

  • 本文向大家介绍C 指针和OC 对象之间的转换方法,包括了C 指针和OC 对象之间的转换方法的使用技巧和注意事项,需要的朋友参考一下 Core Foundation 框架 Core Foundation 框架 (CoreFoundation.framework) 是一组 C 语言接口, 简称 CF. 它们为 iOS 应用程序提供基本数据管理和服务功能. 如 Core Graphics、Core Te