`
mengjq08
  • 浏览: 10586 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

jquery对象和dom对象相互转换

阅读更多

这个不算是什么技术文章,相信大家都懂。做个记录,当日记了……

 

一直在用jquery,觉得相对方便好多。但是众所周知,jquery对象和dom对象是两个完全不同的概念。比如

 

var $html = $("#test").html();
var html = document.getElementById("test").innerHTML;
$html == html? true : false; // true
 

但其中$("#test")和document.getElementById("test")是两个完全不同东东。如果$("#test").innerHTML就会报错。

 

在使用好多soso map api 的时候,发现其不像其他地图接口一样,soso需要传入一个dom对象做为选择器,这时候每次都写个

document.getElementById("test")

很麻烦,这时候如果能把jquery对象转换成dom对象就会让代码减少好多。

不废话了,直接上个简单到掉牙的函数

function D($J){
    return $J[0];
}
 

用了这个东东,最好的感觉就是,任何一种选择器都可以使用,包括class、tag甚至attr。但输出的dom都是符合条件的第一个元素哦~~~

分享到:
评论

相关推荐

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

    需要注意的是,虽然可以相互转换,但jQuery对象和DOM对象不可以直接相互调用各自的方法。例如,jQuery对象不能直接使用DOM方法,因为它们并不完全相同。反之,DOM对象也不能直接使用jQuery的方法。不过,一旦完成了...

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

    了解如何在jQuery对象和DOM对象之间转换至关重要,这可以帮助我们在需要使用jQuery的强大功能时,也能灵活地利用DOM对象的原生方法。例如,当你需要操作某个特定的DOM属性,而jQuery没有提供直接的接口时,可以先将...

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

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

    jquery dom对象 详细介绍1

    jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON...同时,理解jQuery对象和DOM对象的区别及其相互转换,是有效利用jQuery功能的关键。

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

    然而,jQuery对象和DOM对象之间存在差异,需要了解它们之间的转换方法,以便在开发过程中灵活运用。 **jQuery对象转换成DOM对象** 当需要使用DOM对象特有的方法或属性时,需要将jQuery对象转换为DOM对象。有以下两...

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

    总之,了解和掌握jQuery对象和DOM对象的相互转换对于进行Web开发是非常有用的。这不仅可以帮助开发者更好地利用jQuery库所提供的强大功能,还能在必要时使用原生JavaScript进行更细粒度的DOM操作。

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

    最后,我们要认识到,虽然DOM对象和jQuery对象可以互相转换,但它们本质上是不同的对象类型,各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象,或者在需要时进行适当的转换,将帮助我们编写...

    jquery对象和DOM对象的任意相互转换

    总的来说,jQuery对象和DOM对象的相互转换是JavaScript和jQuery开发中的基本技能,掌握这些技巧可以更好地利用这两个世界的优点,同时避免潜在的问题。通过理解它们的本质差异和转换方法,开发者可以更高效地编写出...

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

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

    jQuery对象和DOM对象相互转化

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

    jQuery对象和DOM对象的相互转化实现代码

    jQuery对象和DOM对象是两个不同的概念,但它们之间可以相互转化,以适应不同场景的需求。 首先,让我们理解这两个对象的区别: **jQuery对象**:jQuery对象是通过jQuery函数包装DOM元素创建的。比如,`$(“#img”)...

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

    两者之间可以互相转换:将DOM对象转换为jQuery对象,可以使用`$(domElement)`;反之,使用`.get(index)`或`.eq(index)`方法将jQuery对象转回DOM对象。 DOM对象与jQuery对象转换的常见用途包括使用原生方法进行性能...

    jQuery对象和DOM对象使用说明

    jQuery对象和DOM对象的互相转换 在实际开发中,可能会遇到需要从jQuery对象中获取DOM对象的方法,或者需要将DOM对象包装为jQuery对象以使用jQuery的方法。jQuery提供了将jQuery对象转换为DOM对象的方法,使用`...

    jquery对象与DOM对象转化

    本文旨在深入探讨jQuery对象与DOM对象之间的转化技巧,通过这些方法可以实现两者的相互转换,从而在Web开发过程中更灵活地运用jQuery库和原生JavaScript。 首先,我们需要了解jQuery对象与DOM对象的基本区别。一个...

    JQUERY 对象与DOM对象之两者相互间的转换

    今天主要看看jQuery对象和dom对象的相互转换,明白了这个,以后用起jQuery会方便很多。 1、方法名冲突的解决办法 在开始使用jQuery时,我们首先应该避免jQuery与其他类库或自定义js的冲突。 先看一段最简单的代码: ...

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

    (http://shawphy.com/jqueryapi/ 这里是最新文档,有离线版下载) 第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...

Global site tag (gtag.js) - Google Analytics