document.getElementBy("id")與$("#id")有什么區(qū)別
更新時間：2013年09月22日 12:54:13 作者：
有朋友問document.getElementBy("id")與$("#id")的區(qū)別，其實第一個就是js中獲取對象的方法， 第二個是通過自定義函數(shù)方便調(diào)用，而第三個是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的方法
具體可以參考這篇文章
http://www.dhdzp.com/article/27617.htm
http://www.dhdzp.com/article/26702.htm
第一個就是js中獲取對象的方法,比較直接，如果一個頁面有多個id，每次都要寫這么長的document.getElementBy("id")
復(fù)制代碼 代碼如下:
document.getElementBy("id")
document.getElementById的簡寫方式
個人比較推薦用prototype 中對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;
}
你還可以用以下代碼來定義:
復(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;
}
}
第二個就是jquery中獲取id的方法
具體可以參考這篇文章
http://www.dhdzp.com/article/27617.htm
http://www.dhdzp.com/article/26702.htm
相關(guān)文章
服務(wù)端 VBScript 與 JScript 幾個相同特性的寫法 By shawl.qiu
服務(wù)端 VBScript 與 JScript 幾個相同特性的寫法 By shawl.qiu...2007-03-03
本文主要介紹javascript一些基礎(chǔ)知識，比較實用，希望能給大家做一個參考。2016-06-06
Javascript學習筆記之 對象篇（四） : for in 循環(huán)
如同 in 運算符一樣，使用 for in 循環(huán)遍歷對象屬性時，也將往上遍歷整個原型鏈。2014-06-06
深入理解JavaScript系列（43）：設(shè)計模式之狀態(tài)模式詳解
這篇文章主要介紹了深入理解JavaScript系列（43）：設(shè)計模式之狀態(tài)模式詳解,狀態(tài)模式（State）允許一個對象在其內(nèi)部狀態(tài)改變的時候改變它的行為,對象看起來似乎修改了它的類,需要的朋友可以參考下2015-03-03
在新版本QQ中，登錄的背景和以前的大不一樣，是一組閃動背景，效果非常棒，本篇文章給大家展示下QQ登錄背景閃動效果附效果演示源碼下載2015-09-09
張孝祥JavaScript學習階段性總結(jié)(2)--(X)HTML學習
張孝祥JavaScript學習階段性總結(jié)(2)--(X)HTML學習...2007-02-02
在JavaScript中this變量是一個令人難以摸清的關(guān)鍵字，this可謂是非常強大，在本文將為大家詳細介紹下JavaScript中this的使用，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了JavaScript中的6種運算符總結(jié),本文總結(jié)了算術(shù)運算符、賦值運算符、比較運算符、三元運算符、邏輯運算符、字符串連接運算符等,需要的朋友可以參考下2014-10-10
作用域鏈是由于js的變量都是對象的屬性，而該對象可能又是其它對象的屬性，而所有的對象都是window對象的屬性，所以這些對象的關(guān)系可以看作是一條鏈2013-04-04
解決 firefox 不支持 document.all的方法
解決 firefox 不支持 document.all的方法...2007-03-03