document.getElementBy("id")与$("#id")有什么区别
更新时间：2013年09月22日 12:54:13 作者：
有朋友问document.getElementBy("id")与$("#id")的区别，其实第一个就是js中获取对象的方法， 第二个是通过自定义函数方便调用，而第三个是jquery中获取id对象的方法
下面简单介绍下：
第一个就是js中获取对象的方法,比较直接，如果一个页面有多个id，每次都要写这么长的document.getElementBy("id")
document.getElementBy("id")
document.getElementById的简写方式
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers
} else {
return false;
}
}
第二个就是jquery中获取id的方法
具体可以参考这篇文章
https://www.jb51.net/article/27617.htm
https://www.jb51.net/article/26702.htm
第一个就是js中获取对象的方法,比较直接，如果一个页面有多个id，每次都要写这么长的document.getElementBy("id")
复制代码 代码如下:
document.getElementBy("id")
document.getElementById的简写方式
个人比较推荐用prototype 中对document.getElementById的定义:
复制代码 代码如下:
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
你还可以用以下代码来定义:
复制代码 代码如下:
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers
} else {
return false;
}
}
第二个就是jquery中获取id的方法
具体可以参考这篇文章
https://www.jb51.net/article/27617.htm
https://www.jb51.net/article/26702.htm
相关文章
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu...2007-03-03
本文主要介绍javascript一些基础知识，比较实用，希望能给大家做一个参考。2016-06-06
Javascript学习笔记之 对象篇（四） : for in 循环
如同 in 运算符一样，使用 for in 循环遍历对象属性时，也将往上遍历整个原型链。2014-06-06
深入理解JavaScript系列（43）：设计模式之状态模式详解
这篇文章主要介绍了深入理解JavaScript系列（43）：设计模式之状态模式详解,状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类,需要的朋友可以参考下2015-03-03
在新版本QQ中，登录的背景和以前的大不一样，是一组闪动背景，效果非常棒，本篇文章给大家展示下QQ登录背景闪动效果附效果演示源码下载2015-09-09
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习...2007-02-02
在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，在本文将为大家详细介绍下JavaScript中this的使用，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了JavaScript中的6种运算符总结,本文总结了算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符等,需要的朋友可以参考下2014-10-10
作用域链是由于js的变量都是对象的属性，而该对象可能又是其它对象的属性，而所有的对象都是window对象的属性，所以这些对象的关系可以看作是一条链2013-04-04
解决 firefox 不支持 document.all的方法
解决 firefox 不支持 document.all的方法...2007-03-03
最新评论