document.getElementBy("id")與$("#id")有什么區(qū)別
更新時(shí)間:2013年09月22日 12:54:13 作者:
有朋友問(wèn)document.getElementBy("id")與$("#id")的區(qū)別,其實(shí)第一個(gè)就是js中獲取對(duì)象的方法, 第二個(gè)是通過(guò)自定義函數(shù)方便調(diào)用,而第三個(gè)是jquery中獲取id對(duì)象的方法
下面簡(jiǎn)單介紹下:
第一個(gè)就是js中獲取對(duì)象的方法,比較直接,如果一個(gè)頁(yè)面有多個(gè)id,每次都要寫這么長(zhǎng)的document.getElementBy("id")
document.getElementBy("id")
document.getElementById的簡(jiǎn)寫方式
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;
}
}
第二個(gè)就是jquery中獲取id的方法
具體可以參考這篇文章
http://chabaoo.cn/article/27617.htm
http://chabaoo.cn/article/26702.htm
第一個(gè)就是js中獲取對(duì)象的方法,比較直接,如果一個(gè)頁(yè)面有多個(gè)id,每次都要寫這么長(zhǎng)的document.getElementBy("id")
復(fù)制代碼 代碼如下:
document.getElementBy("id")
document.getElementById的簡(jiǎn)寫方式
個(gè)人比較推薦用prototype 中對(duì)document.getElementById的定義:
復(fù)制代碼 代碼如下:
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;
}
你還可以用以下代碼來(lái)定義:
復(fù)制代碼 代碼如下:
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;
}
}
第二個(gè)就是jquery中獲取id的方法
具體可以參考這篇文章
http://chabaoo.cn/article/27617.htm
http://chabaoo.cn/article/26702.htm
相關(guān)文章
全面了解JavaScirpt 的垃圾(garbage collection)回收機(jī)制
下面小編就為大家?guī)?lái)一篇全面了解JavaScirpt 的垃圾(garbage collection)回收機(jī)制。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07深入解析JavaScript中的立即執(zhí)行函數(shù)
立即執(zhí)行函數(shù)模式在JavaScript中可以讓你的函數(shù)在定義后立即被執(zhí)行,下面我們就來(lái)深入解析JavaScript中的立即執(zhí)行函數(shù),需要的朋友可以參考下2016-05-05詳解JavaScript實(shí)現(xiàn)設(shè)計(jì)模式中的適配器模式的方法
適配器模式可以根據(jù)需求轉(zhuǎn)換(或調(diào)整)一個(gè)接口,創(chuàng)建含有您所需接口的另一個(gè)對(duì)象,并將它連接到您想改變接口的對(duì)象,從而完成這種轉(zhuǎn)換,下面就來(lái)詳解JavaScript實(shí)現(xiàn)設(shè)計(jì)模式中的適配器模式的方法2016-05-05