`
sungang_1120
  • 浏览: 323889 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

Jquery学习(一)—jQuery 对象 与 DOM对象之间的转换

阅读更多

Jquery学习(一)—jQuery 对象 与 DOM对象之间的转换

 

 

 

 

<h3>Jquery 与 DOM 对象之间的转换</h3>
        用户名:<input type="text" id="name" value=""/>

 

 

 

 

//DOM对象
        var name = document.getElementById("name");
        //转换成Jquery对象
        var $name = $(name);
        $name.val("jquery真强大...");
        alert($name.val());
        //jquery 转换 DOM  两种方式
        var domName = $name.get(0);
        var domName2 = $name[0];
         alert(domName.value);
         alert(domName2.value);

 

分享到:
评论

相关推荐

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    本篇文章将深入探讨jQuery的基本概念、使用方法以及DOM对象与jQuery对象之间的转换与区别。 首先,我们从jQuery的简介开始。jQuery是由John Resig于2006年创建的,其目标是“write less, do more”。jQuery的核心...

    jquery对象和dom对象

    **jQuery对象和DOM对象之间的转换** 虽然jQuery对象和DOM对象各有优势,但在实际开发中,我们经常需要在两者之间进行转换。jQuery提供了`.get()`, `.get(0)`, `[index]`等方式将jQuery对象转换为DOM对象,而通过`$...

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

    在Web开发中,经常需要在jQuery对象和DOM对象之间进行转换,以便可以利用各自对象的方法优势进行高效编程。jQuery对象是包装了DOM对象的类数组对象,它们之间的转换虽然看似简单,但在实际操作中却非常重要。 首先...

    jquery对象和dom对象.doc

    当我们谈论jQuery对象和DOM对象时,我们需要理解两者之间的基本差异和转换方法。 DOM(Document Object Model)是HTML和XML文档的结构表示,允许我们通过JavaScript来访问和修改网页内容。DOM对象是通过JavaScript...

    jquery dom对象 详细介绍1

    例如,`$(element)[0]`可以将jQuery对象转换为DOM对象,而`$(domElement)`则可以将DOM对象转换为jQuery对象。这种转换使得在jQuery和DOM之间切换变得灵活。 ### 总结 jQuery大大简化了JavaScript的许多任务,特别...

    关于dom和jquery对象理解

    在实际开发中,有时需要在DOM对象与jQuery对象之间进行转换。虽然jQuery提供了一些便利的方法来操作DOM,但在某些情况下,我们仍然需要使用原生的DOM方法。 1. **从jQuery到DOM**:jQuery对象可以很容易地转换成DOM...

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

    总的来说,jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点,提升代码的可读性和效率。在编写jQuery代码时,一定要注意选择合适的方法,避免混淆两者,这样...

    jQuery对象与DOM对象转换方法详解

    本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,...

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

    在前端开发中,经常需要在jQuery对象和DOM对象之间进行转换。这是因为它们各有优势,jQuery对象可以使用jQuery提供的各种便利方法,而DOM对象则可以使用原生JavaScript的所有属性和方法。理解这两种对象的区别及它们...

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

    总的来说,熟练掌握jQuery对象与DOM对象之间的转换,能够使你在处理JavaScript项目时更加得心应手,提高代码的灵活性和可读性。在实际工作中,根据需求灵活选择使用jQuery对象或DOM对象,可以优化代码性能,提高开发...

    javascript 原生Dom对象和jQuery对象的联系和区别

    因此,可以将jQuery对象转换为DOM对象,使用`.get()`或`[index]`方法,如`var domElement = $('div').get(0)`。反之,也可以通过`$(domElement)`将DOM对象转换为jQuery对象。 区别在于,原生DOM对象提供了底层的、...

    Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化

    Java电商系统+Java学习资料+Java教程第23节+23-jquery对象与dom对象之间相互转化。

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

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

    jQuery对象换为DOM对象,js常用API

    在JavaScript编程中,jQuery库极大地简化了DOM操作和事件处理,但有时我们可能需要将jQuery对象转换为原生DOM对象,以便使用某些不被jQuery支持的API或提高性能。这篇博文将探讨如何进行这种转换,并介绍JavaScript...

    dom对象与jquery对象转换[参考].pdf

    相反,要将jQuery对象转换为DOM对象,通常需要通过索引来访问集合中的特定元素,如`$("#msg")[0]`,这样得到的才是DOM元素,可以使用`innerHTML`等DOM方法。还有其他方式,如`$("#msg").eq(0)[0]`、`$("#msg").get(0...

    jquery对象与DOM对象转化

    下面我们将深入探讨jQuery对象与DOM对象之间的转化方式。 首先,jQuery对象是一个集合,它实际上是一个包装了多个DOM元素的数组。这意味着,当你使用`$(selector)`选择元素时,返回的是一个包含匹配元素的jQuery...

    使用JQuery实现从JSON对象转换为form提交数据

    jQuery是一个强大的JavaScript库,提供了丰富的API来简化DOM操作、事件处理、动画效果以及Ajax交互。在处理表单数据时,jQuery的`serialize()`和`serializeArray()`方法尤为有用。 1. **JSON对象到表单数据的转换**...

Global site tag (gtag.js) - Google Analytics