Document.getElementById 与 $('#id')的区别

一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天才发现并不是这么一回事，通过测试得到:

alert($("#box"))得到的是[object Object]
alert(document.getElementById("box"))得到的是[object HTMLDivElement]
alert($("#box")[0])或alert($("#box").get(0))得到的是[object HTMLDivElement]
$(‘#id‘)[0]或者$(‘#id‘).get(0) 应该和document.getElementById(id)的结果一样

时间： 2024-10-25 07:36:06

Document.getElementById 与 $('#id')的区别的相关文章

jquery中的$("#id")与document.getElementById("id")的区别

以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到: 1.alert($("#div"))得到的是[object Object] 2.alert(document.getElementById("div"))得到的是[object HTMLDivElement] 3.alert($("#

jQuery的$(‘#id’)与document.getElementByID('id')的区别

用jQuery选择的包装集返回的是jQuery对象,用document.getElementByID返回的是DOM对象. jQuery对象 --> DOM对象 /* Convert a jQuery object to a DOM object.*/var jquery = $('#id');alert(jquery.html()); var dom = jquery[0];// or var dom = jquery.get(0);alert(dom.innerHTML); DOM对象 -->

document.getElementById(“id”)与$("#id")的区别

document.getElementById("id")可以直接获取当前对象, jQuery利用$("#id")获取的是一个[object Object],需要使用$("#id")[0]或者$("#id").get(0)获取真实对象例子: <div id="111" style="display: none;"> <strong>成功!</strong

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

如下,有一name="txtVersion"的text控件: <div> <input type="text" name="txtVersion" size="15" value="Version" maxlength="25"> </div> 根据上面信息,我们要用JS获得其控件中的值,我们这样写: var strVersion= document.

jquery中的 $("#")与document.getElementById("") 的区别

原文网址:http://www.jb51.net/article/27800.htm 直接用alert()来显示这两个方法倒底获得的是什么.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>jb51</title> <link href="css/index.css" rel="stylesheet

document.write与document.getElementById.innterHTML的区别

<html> <head> <meta charset="utf-8"> <script> var tmp = "<iframe src='http://www.cnblogs.com/kaituorensheng/'></iframe>"; document.write(tmp); function getValue() { document.getElementById("show

获得输入框的文本document.getElementById('id').value;

<input id="demo" type="text" value="" > x=document.getElementById("demo").value; 比如:document.getElementById("id").value是获取HTML标签中id=“id”的value的方法获得输入框的文本document.getElementById('id').value;

$("#id")&&document.getElementById("id")

$("#id")=document.getElementById("id") document.getElementById("schemaId").style.display="table-row"; $("#schemaId").style.display="table-row"; <tr id="schemaId" style="display:

document.getElementById 和 document.getElementsByClassName获取DOM元素的区别

想必小伙伴们对于 JS 获取DOM的几种方法早已烂熟于心,了然于胸, 尤其是 document.getElementById 和 document.getElementsByClassName, 看看下面截图,用上面2种方法获取到元素并添加点击事件后,控制台会打印出什么呢? 可能有小伙伴晃眼一看,这么简单,不就是 1和2 吗,真的是这样吗?下面看看控制台的打印截图结果是只打出了1,为什么没有打印出2呢? 现在我们把2种获取DOM的方法打印出来,如下截图, console.log(