`
strugglesMen
  • 浏览: 111753 次
  • 性别: 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对象)。

分享到:
评论

相关推荐

    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 ...

    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 = ...

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

    js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox,感兴趣的朋友不要错过

    jQueryAPI_CHM(1.3).CHM与语法总结

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

    jquery 笔记(自己学习jquery整理好的)

    var otable = document.getElementById('oTable'); for(var i=0 ; i<otable.rows.length ; i++){ if(i%2==0) otable.rows[i].className = 'alrow'; } } $(function(){ $(table.datalist tr:even).addClass("a")...

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

    document.getElementById(panel).onclick = function () { alert(元素已经加载完毕 !); } /*执行错误*/ [removed] </head> <body> <div id=panel>click me. </body> </html>

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

    在今天写一个canvas的小程序时,才发现这两者是不一样的。 直接用alert()来显示这两个方法倒底获得的是什么。代码如下: 代码如下: <!... <head>...meta charset=”utf-8″>...link href=”css/index.css...

    jQuery中的$是什么意思及 $. 和 $().的区别

    而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数, 因为还有 $.ajax(options) 这样的使用,等同 jQuery.ajax(options)) 这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素, 函数作用之一...

    jquery中表示必须录入项

    if(document.GetElementById('hidCateID').value=="") { alert('请选择要编辑的项再进行保存!'); return false; } var p=document.getelementbyid('ddlparentId'); if(document.getelementbyId('hidcateId').value=...

    jQuery技巧大放送

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

    ajaxupload.js

    修改ajaxupload 实现多文件上传 // var ... var files = document.getElementById(fileElementId).files; if (files.length > 1) { for (var i = 0; i < files.length; i++) { var oldElement = jQuery('#

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

    以前没注意过,认为jquery 中的 $("#jb51") 与 document.getElementById("jb51") 是一回事,指的是同一个东西。

    Jquery 使用大全

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

    iframe实用操作锦集

    iframe高度设置为子页面高度 代码如下: //需要使用Jquery $(document).ready(function () { parent.document.getElementById(“ifPage”).style.height = document.body.scrollHeight + “px”; }); iframe高度...

    js获取iframe中的window对象的实现方法

    jQuery获取iframe的window对象 var win = $(‘#ifr’)[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document....

    【JavaScript源代码】js实现七夕表白弹幕效果 jQuery实现弹幕技术.docx

     本文实例为大家分享了js与jQuery技术实现表白弹幕,供大家参考,具体内容如下 js七夕表白弹幕效果简单版效果: 关键代码: <script> var si; function tangmu(){ clearInterval(si); var text = document....

    jQuery取得iframe中元素的常用方法详解

    本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种...$(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body

Global site tag (gtag.js) - Google Analytics