`
strugglesMen
  • 浏览: 115226 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery $ 与document.getElementByID的区别

阅读更多

用Jquery选择的包装集返回的是Jquery对象,用document.getElementByID返回的却是DOM对象。

Jquery ///ouput   [object Object]

document.getElementByID ///ouput    [object HTMLDivElement]

 

 

Query对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

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

分享到:
评论

相关推荐

    各浏览器对document.getElementById等方法的实现差异解析

    本文主要讨论的是`document.getElementById`这个常用方法在不同浏览器之间的实现区别,以及如何处理这些差异。 `document.getElementById`是一个JavaScript内置方法,用于根据指定的ID从文档中获取元素。在大部分...

    js打印功能jquery.jqprint-0.3.js

    在需要调用打印功能的地方,使用jQuery的$.fn.jqPrint方法。例如,如果你希望打印一个ID为"printArea"的div元素,可以这样做: ```javascript $("#printArea").jqPrint(); ``` 如果你希望打印整个页面,可以使用`$...

    TypeError document.getElementById(…) is null错误原因

    了解这些基本的JavaScript执行机制和DOM加载流程,能帮助开发者避免`TypeError: document.getElementById(...) is null`这类常见的错误,提高代码的健壮性和用户体验。记住,良好的编程习惯和对文档结构的理解是解决...

    JavaScript中也使用$美元符号来代替document.getElementById

    if (document.getElementById && document.getElementById(objectId)) { // 支持W3C DOM return document.getElementById(objectId); } else if (document.all && document.all(objectId)) { // 支持MSIE 4 DOM...

    TypeError document.getElementById(...) is null错误原因

    `TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误,通常出现在尝试访问一个尚未加载或者不存在于DOM(文档对象模型)中的元素时。这个错误表示`document.getElementById`方法未能找到...

    jQueryPost页面不能刷新

    7. **AJAX与页面刷新**:AJAX(Asynchronous JavaScript and XML)技术,包括`$.post`,其核心理念就是实现页面的部分刷新,而不是整个页面的刷新,这有助于提升用户体验。因此,除非明确调用了`location.reload()`...

    全面解析jQuery $(document).ready()和JavaScript onload事件

    在描述中提到,$(document).ready()仅执行一次,并且它和JavaScript的onload事件有着本质的区别。$(document).ready()只关注DOM元素是否已加载,而不是整个页面所有资源都加载完毕。这个方法非常适合用来初始化页面...

    jQuery.md5.js

    用javascript脚本编写的md5算法,可在客户端使用,使用方法简单document.getElementById("password").value=$.md5(document.getElementById("txtUserPassword").value); password为hidden类型输入框

    jQuery的点击弹出选择头像保存代码.zip

    var $box = document.getElementById('pic_box'); var $li = $box.getElementsByTagName('li'); var index = 0; for(var i=0;i<$li.length;i ){ $li[i].index=i; $li[i]. = this.index; } } $(".pic_box li ...

    document.getElementById的简写方式(获取id对象的简略写法)

    在现代JavaScript编程中,尤其是使用框架或库(如jQuery)的情况下,经常会出现`document.getElementById`的简写方式。例如,jQuery库中就提供了`$()`作为`document.getElementById`的快捷方式。简写方式不仅减少了...

    document.getElementBy(id)与$(#id)有什么区别

    总结来说,`document.getElementById` 是JavaScript原生的方法,而 `$` 或 `$(#id)` 是jQuery库提供的强大且易用的函数。它们之间的主要区别在于使用环境(原生JavaScript vs. jQuery)、返回值类型(DOM元素 vs. ...

    原生js操作checkbox用document.getElementById实现

    在讨论原生JavaScript(简称js)操作复选框(checkbox)时,常用的方法包括使用document.getElementById()函数来获取特定ID的DOM元素,并操作其checked属性来控制复选框的选中状态。这种方法相较于使用jQuery库中的...

    jQuery编码标准.docx

    <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js" type="text/javascript"><\/script>') ``` **选择版本** 尽量使用最新版本的jQuery,因为它们通常提供更好的性能和新特性。如果...

    document.getElementById方法在Firefox与IE中的区别

    本文将详细讨论`document.getElementById`在Firefox和IE中的不同之处。 首先,`document.getElementById`的基本用法是在HTML文档中获取具有特定ID的元素。例如,如果有一个元素的ID为"txtVersion",那么可以通过...

    jQuery的Document元素选择

    这与原生JavaScript中的`document.getElementById('eleId')`功能相似,但更简洁易用。 ##### 示例代码: ```javascript // 使用jQuery选择元素 var element = $('#j1'); // 输出元素的内容 console.log(element....

    JQuery轮播图.zip

    var elem = document.getElementById(""+id); var width = 10; var id = setInterval(frame, 30); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = ...

    jQuery点击文本框内容互换.zip

     var num1 = document.getElementById("num1").value;  var num2 = document.getElementById("num2").value; {  document.getElementById("num2").value = num1;  document.getElementById("num1").value = ...

    document.getElementById介绍

    由于 IE6 的这种特殊行为,即使 `document.getElementById` 是一个函数,`$.isFunction(g)` 也会返回 `false`。jQuery 的 `isFunction` 方法是通过检查 `Object.prototype.toString.call(obj)` 的结果来判断对象类型...

    jQueryAPI_CHM(1.3).CHM与语法总结

     如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。 由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。 如:$("#msg")...

Global site tag (gtag.js) - Google Analytics