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对象 --> jQuery对象

/*  Convert a DOM object to a jQuery object.*/var dom = document.getElementByID(‘id‘);
alert(dom.innerHTML);
var jquery = $(dom);
alert(jquery.html());

遍历jQuery集合中的所有DOM对象:

$(‘div‘).each(function () {
  alert($(this).get(0).innerHTML);
});

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

时间: 2024-10-12 10:21:38

jQuery的$(‘#id’)与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($("#

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(&#39;id&#39;).value;

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

$(&quot;#id&quot;)&amp;&amp;document.getElementById(&quot;id&quot;)

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

jquery中的 $(&quot;#**&quot;)与document.getElementById(&quot;**&quot;) 的区别

原文网址: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的简便方式

封装自己的元素获取方法,使元素获取变得简便 注意:1.应该要防止定义的被重写,可将同名的重新定义   2.可将封装的对象置为全局对象,方便使用 通过id查找单个元素 封装方式: //通过id查找单个元素 (function (document){ //防止覆盖 var _overwrite = window._, _; _ = { $ : function(id){ return typeof id === "string" ? document.getElementById(id)

Document.getElementById 与 $(&#39;#id&#39;)的区别

一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天才发现并不是这么一回事,通过测试得到: alert($("#box"))得到的是[object Object] alert(document.getElementById("box"))得到的是[object HTMLDivElement] alert($("#box")[0])

Document.write和 getElementById(ID)

在javascript中,document.write()方法:常用来网页向文档中输出内容. 示例:通过document.write()方法,向网页文档中输出了一段文字. document.write("我爱学习--喜欢学习."); 此外,还可以以另一种方式通过document.write()方法来输出. document.write() 以变量的方式输出. 首先,声明一个变量. var str="hello world"; document.write(str);