jq中的$("#id")与js中的document.getElementById("id")的区别
2017-05-04 14:14
681 查看
以前一直认为jq的$(“#id”)与js中的document.getElementById(“id”) 是等价的,然后前面刚好写了一个图片轮播的效果,里面js里 刚开始是直接用id名来表示的,但这样的缺点是,直接用id名 定义的是一个全局变量了,如果在大项目中会污染全局变量,所以我打算定义个局部变量来代替
刚开始是直接写了
当这样定义之后,效果就出不来了
但用:
效果可以出来。
突然发现原来$(“#demo”) 与document.getElementById( “demo” )是有区别的
$(“#demo”)是jquary对象,他实际是一个数组对象
document.getElementById( “demo” ) ,它是一个DOM对象 ,可进行DOM操作。
如果要用jq来实现DOM对象的话,需要加个下标
如:
这样与document.getElementById( “demo” ) 效果就一样了
刚开始是直接写了
var demo=$("#demo");
当这样定义之后,效果就出不来了
但用:
var demo = document.getElementById( "demo" );
效果可以出来。
突然发现原来$(“#demo”) 与document.getElementById( “demo” )是有区别的
$(“#demo”)是jquary对象,他实际是一个数组对象
document.getElementById( “demo” ) ,它是一个DOM对象 ,可进行DOM操作。
如果要用jq来实现DOM对象的话,需要加个下标
如:
var demo=$("#demo")[0];
这样与document.getElementById( “demo” ) 效果就一样了
相关文章推荐
- jquery中的$("#id")与document.getElementById("id")的区别
- $("#id") 和 document.getElementById('id')的区别
- jquery中的$("#id")与document.getElementById("id")的区别 及html()方法
- jquery 中的 $("#id") 与 document.getElementById("id") 的区别
- document.getElementById("id").value与$("#id").val()之间的区别
- JS中$()方法与document.getElementById('id')的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- $("#id")与document.getElementById("id")的区别以及相互转化
- jquery中的$("#id")与document.getElementById("id")的区别
- $("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- Id.value与document.getElementById("Id").value的区别
- Jquery中$("#id")和document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jQuery的$("#id")和document.getElementById("id")的区别
- [转载] jquery中的$("#id")与document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别和转换
- js中的document.getElementById("id").style.property="值" 的用法
- jquery中的$("#id")与document.getElementById("id")的区别