`

jQ对象与JS对象的相互转换

 
阅读更多

jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
如:var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
 
DOM对象转成jQuery对象:
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
如:var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jquery对象和javascript对象即DOM对象相互转换

    jQuery对象和JavaScript对象(DOM对象)虽然在很多方面都是互补的,但它们在功能和使用上有着明显的区别。理解如何在这两者之间进行转换是编写高效、简洁的jQuery代码的关键。 首先,jQuery对象是通过调用jQuery...

    jQuery对象和DOM对象相互转化

    DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById(“img”).src=”test.jpg”;这里的document.getElementById(“img”)...

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    两者之间可以相互转换,如`$(element)`将DOM对象转换为jQuery对象,`element[0]`或`.get(0)`则可将jQuery对象转换回DOM对象。 **jQuery选择器** jQuery选择器类似于CSS选择器,用于选取DOM元素。它们包括: 1. 基本...

    Js与Jq获取浏览器和对象值的方法

    JS and Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> ...

    jq技巧大放送

    jQuery对象与DOM对象的相互转换 理解和掌握jQuery对象与DOM对象之间的转换是使用jQuery的关键技能之一。通常,原生DOM对象可以通过`$()`包裹转换为jQuery对象: ```javascript var domElement = document....

    实现ztree树形的js和css

    通过配置ZTree的JavaScript对象,我们可以自定义树的各种行为,如多选、单选、部分选及全选。同时,ZTree的CSS样式文件提供了丰富的视觉定制,使得树形结构既功能强大又美观易用。在实际项目中,可以根据具体需求对...

    jq期末.rar

    3. jQuery对象与DOM元素:jQuery对象与原生DOM元素是不同的,但可以相互转换。`$(element)`将DOM元素转化为jQuery对象,`[index]`或`.get(index)`则可以从jQuery对象中获取DOM元素。 4. 链式操作:jQuery的方法返回...

    jQuery总结1

    `$(document.getElementById("box2"))`将jQuery对象转换为JS对象:`JQ对象[0]` 或 `JQ对象.get(0)`例如:`$("#box2")[0]`或`$("#box2").get(0)`5、执行结果在上述代码中,我们首先看到的是原生JavaScript获取和操作...

    Js与Jq 获取页面元素值的方法和差异对比

    JS与Jquery 都能获取页面元素的宽度,高度和相对位移等数值,那他们之间能相互转换或替代吗,写法又有哪些差异呢?本文将详细为你介绍。 1.Js获取浏览器高度和宽度 document.documentElement.clientWidth ==> ...

    jquery中实现时间戳与日期相互转换

    在JavaScript和jQuery中,时间戳和日期之间的转换是常见的需求。这段代码提供了一种方法来实现这个功能。这里主要涉及的知识点包括JavaScript的Date对象、时间戳处理以及jQuery的扩展。 1. **JavaScript Date对象**...

    jquery对象和DOM对象的区别介绍

    互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是这样写的$(“#save”).disabled = true; 为什么没效果呢 A,这个是典型的问题,其实因为$(“#save”)出

    深入分析JQuery和JavaScript的异同

    一、JQuery对象和DOM对象的相互转化(《锋利的JQuery》)  JQuery转化为DOM:  1、var jq = $(‘#selector’); var dom = jq[index];  2、var jq1 = $(‘#selector1′); var dom1 = jq1.get(index) 或者 var ...

    JSON思维导图.emmx

    以思维导图的方式了解并学习JSON的概念,语法以及JSON数据和JAVA对象的相互转换。(建议和js-jq思维导图配套使用)

    jquery 新手学习常见问题解决方法

    互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true;在jquery中我是这样写的$(“#save”).disabled = true; 为什么没效果呢A,这个是典型的问题,其实因为$(“#save”)出来的其实是jQuery...

    js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

    JavaScript中的立即执行函数(Immediately Invoked Function Expression,简称IIFE)是一种常见的编程技巧,用于创建一个独立的作用域,避免变量污染全局环境。标题和描述中提到的两种IIFE的写法,`(function (){})...

    JQuery中两个ul标签的li互相移动实现方法

    这个函数的主要目的是动态地将JSON对象转换为`<li>`元素,并将它们添加到`<ul id="leftUL">`中。 JSON数据包含四个对象,每个对象有"id"、"Name"和"Age"三个属性。这里我们用这些属性创建`<li>`元素,每个`<li>`...

    JQuery遍历json数组的3种方法

    - 在线XML/JSON互相转换工具:http://tools.jb51.net/code/xmljson - JSON代码在线格式化/美化/压缩/编辑/转换工具:http://tools.jb51.net/code/jsoncodeformat - 在线json压缩/转义工具:...

    Json工具.rar

    - 转换:可以将JSON与其他数据格式(如XML、CSV)进行相互转换。 - 搜索和筛选:在大量JSON数据中查找特定信息,或者提取所需部分。 - 编辑:直接在工具中修改JSON数据,支持添加、删除、修改键值对。 3. 使用...

Global site tag (gtag.js) - Google Analytics