`

jquery对象与dom对象互换

 
阅读更多

       最近在做拖拽,有时候需要直接处理dom对象,所以需要进行jquery对象和dom对象间的互换。现记录如下:

      <input type="text" id="test" value="a">

      1.jquery转dom

        第一种方法:

        var $t=$("#test");//jquery对象

        var tt=$t[0];//dom对象

        console.log (tt.value);

     第二种方法,通过get方法

        var $t=$("#test");//jquery对象

        var tt=$t.get(0);//dom对象

        console.log (tt.value);

     2.dom转jquery

       var t=document.getElementById("test");//获取dom对象

 

       var $tt=$(t); 

       console.log($tt.val());

分享到:
评论

相关推荐

    jquery对象和DOM对象的相互转换详解

    - jQuery对象和DOM对象不能直接互换使用,它们所支持的方法不同。务必清楚你在使用哪个对象,并根据需要选择合适的对象进行操作。 - 在进行DOM操作时,原生JavaScript方法和jQuery方法各有优势。原生JavaScript方法...

    jquery框架下的页面内元素拖动,内容互换

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现页面内的元素拖动以及内容互换的功能。 首先,我们需要...

    jquery使用经验小结

    1. jQuery对象与原生DOM对象的互转 在使用jQuery时,我们经常会遇到需要在jQuery对象和原生DOM对象之间进行转换的情况。首先,我们可以通过数组的方式访问jQuery对象的DOM元素,例如使用jQuery对象[0]来获取其对应的...

    jQuery 实现DOM元素拖拽交换位置的实例代码

    ### jQuery 实现 DOM 元素拖拽交换位置的原理和技术点 在网页中实现 DOM 元素的拖拽功能能够让用户通过直观的方式进行元素的排序、移动等操作,从而提升网站的交互性和用户体验。本文介绍利用 jQuery 库来实现 DOM ...

    jquery table 上下行移动互换

    如果存在相邻行,就将当前行与相邻行进行位置互换。`insertBefore()` 和 `insertAfter()` 方法是jQuery提供的用于操作DOM元素的移动方法。 在实际应用中,可能还需要考虑行的边界条件,例如当试图将第一行上移或...

    第2章 基础核心

    #### 三、对象互换:jQuery对象与原生DOM对象之间的转换 虽然jQuery对象是由JavaScript封装而成,但其自身具有独特的属性和方法。然而,在某些情况下,我们可能需要获取原生的DOM对象,以便利用其更底层的API。在...

    jQuery 实现两个div颜色互换的动画

    在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。本教程将深入探讨如何利用jQuery实现两个div元素颜色的互换动画效果。 首先,我们需要了解div是...

    jquery做的table行上下移动,互换

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画效果。标题提到的“jquery做的table行上下移动,互换”是jQuery实现的一种常见功能,通常用于数据表的排序和编辑。这个功能...

    锋利的jQuery jQuery中的DOM操作

    $(“selector”).append() 向每个匹配的元素内部追加内容$(“selector”).appendTo() 等价于.append()操作符左右互换 $(“selector”).prepend() 向每个匹配的元素内部前置内容$(“selector”).prependTo() 等价...

    JQuery实现select互换数据和上下移动

    与Struts2的`optiontransferselect`相比,使用jQuery实现提供了更多的自定义空间,同时减少了对特定框架的依赖,使得代码更加灵活,适应更多项目需求。在实际开发中,应根据项目需求和团队技术栈选择最合适的实现...

    jquery实现上下移动

    其核心概念包括选择器(用于选取DOM元素)、方法链(连续调用jQuery方法)和DOM操作(如添加、删除和修改元素)。 二、事件处理 在jQuery中,我们可以使用`.on()`方法来绑定事件监听器。在本案例中,我们需要监听...

    jquery所需的六个jar

    jQuery的这个jar包可能提供了这样的转换工具或者类库,使得开发者能够方便地进行JSON与Java对象之间的互换。 然而,值得注意的是,通常情况下,Java开发者并不会直接在服务器端使用jQuery,而是会使用像Jackson、...

    jquery.json2xml.js和jquery.xml2json.js

    在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...

    jquery图片交换

    jQuery对象的创建通常使用 `$` 符号,它可以快速选取DOM元素。例如,`$("#img1")` 会选取ID为 "img1" 的图片元素。接着,我们可以使用 `.click()` 方法绑定点击事件,当用户点击图片时触发特定的函数。 在实现图片...

    使用jQuery实现两个div中按钮互换位置的实例代码

    jQuery库简化了JavaScript操作DOM(文档对象模型)的过程,使得我们可以更高效地处理网页元素。 接着,我们在`&lt;script&gt;`标签内编写JavaScript代码。使用`$(function() {})`来创建一个文档加载完成后执行的函数,...

    jQuery使用手册.doc

    `$("p")`表示选择页面中所有的`&lt;p&gt;`元素,返回的是一个包含这些元素的jQuery对象,如示例所示:`[&lt;p&gt;Hello,&lt;p class="selected"&gt;Hello Again]`。这使得能够一次性操作多个元素,而不是逐个处理。 `toggleClass(...

    jq常用属性以及标签的使用

    jq学习资源,包括jq介绍,jq的css操作,DOM对象与jQuery对象的互换

    基于格林威治标准时间(GMT)的jQuery模拟时钟插件

    它不考虑地球自转的变化,因此在某些情况下可能会与协调世界时(UTC)略有不同,但两者通常可以互换使用。 jQuery模拟时钟插件的核心功能是实时更新显示的时钟,以反映当前的GMT时间。这通常通过JavaScript的Date...

    jquery插件

    4. **jQuery API**:利用jQuery的API,如`$.fn.extend`来创建插件,可以方便地将新功能集成到现有的jQuery对象上。这样,开发者可以像使用其他jQuery方法一样,简单地调用这个插件来处理全角和半角字符。 5. **事件...

    JQuery JSON ajax

    JSON格式通常用于前后端数据传输,因为它能很好地与JavaScript对象互换。例如,一个简单的JSON对象可能如下所示: ```json { "name": "John", "age": 30, "city": "New York" } ``` 在JavaScript中,我们可以直接...

Global site tag (gtag.js) - Google Analytics