快捷導(dǎo)航

document.getElementBy("id")與$("#id")有什么區(qū)別

更新時(shí)間：2013年09月22日 12:54:13 作者：

有朋友問document.getElementBy("id")與$("#id")的區(qū)別，其實(shí)第一個(gè)就是js中獲取對(duì)象的方法，第二個(gè)是通過自定義函數(shù)方便調(diào)用，而第三個(gè)是jquery中獲取id對(duì)象的方法

下面簡(jiǎn)單介紹下：

第一個(gè)就是js中獲取對(duì)象的方法,比較直接，如果一個(gè)頁面有多個(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;
}

你還可以用以下代碼來定義:

復(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://m.fzitv.net/article/27617.htm

http://m.fzitv.net/article/26702.htm

相關(guān)文章

服務(wù)端 VBScript 與 JScript 幾個(gè)相同特性的寫法 By shawl.qiu
服務(wù)端 VBScript 與 JScript 幾個(gè)相同特性的寫法 By shawl.qiu...
2007-03-03
javascript基礎(chǔ)知識(shí)
本文主要介紹javascript一些基礎(chǔ)知識(shí)，比較實(shí)用，希望能給大家做一個(gè)參考。
2016-06-06
Javascript學(xué)習(xí)筆記之對(duì)象篇（四） : for in 循環(huán)
如同 in 運(yùn)算符一樣，使用 for in 循環(huán)遍歷對(duì)象屬性時(shí)，也將往上遍歷整個(gè)原型鏈。
2014-06-06
深入理解JavaScript系列（43）：設(shè)計(jì)模式之狀態(tài)模式詳解
這篇文章主要介紹了深入理解JavaScript系列（43）：設(shè)計(jì)模式之狀態(tài)模式詳解,狀態(tài)模式（State）允許一個(gè)對(duì)象在其內(nèi)部狀態(tài)改變的時(shí)候改變它的行為,對(duì)象看起來似乎修改了它的類,需要的朋友可以參考下
2015-03-03
QQ登錄背景閃動(dòng)效果附效果演示源碼下載
在新版本QQ中，登錄的背景和以前的大不一樣，是一組閃動(dòng)背景，效果非常棒，本篇文章給大家展示下QQ登錄背景閃動(dòng)效果附效果演示源碼下載
2015-09-09
張孝祥JavaScript學(xué)習(xí)階段性總結(jié)(2)--(X)HTML學(xué)習(xí)
張孝祥JavaScript學(xué)習(xí)階段性總結(jié)(2)--(X)HTML學(xué)習(xí)...
2007-02-02
JS中的this變量的使用介紹
在JavaScript中this變量是一個(gè)令人難以摸清的關(guān)鍵字，this可謂是非常強(qiáng)大，在本文將為大家詳細(xì)介紹下JavaScript中this的使用，感興趣的朋友可以參考下
2013-10-10
JavaScript中的6種運(yùn)算符總結(jié)
這篇文章主要介紹了JavaScript中的6種運(yùn)算符總結(jié),本文總結(jié)了算術(shù)運(yùn)算符、賦值運(yùn)算符、比較運(yùn)算符、三元運(yùn)算符、邏輯運(yùn)算符、字符串連接運(yùn)算符等,需要的朋友可以參考下
2014-10-10
js作用域及作用域鏈概念理解及使用
作用域鏈?zhǔn)怯捎趈s的變量都是對(duì)象的屬性，而該對(duì)象可能又是其它對(duì)象的屬性，而所有的對(duì)象都是window對(duì)象的屬性，所以這些對(duì)象的關(guān)系可以看作是一條鏈
2013-04-04
解決 firefox 不支持 document.all的方法
解決 firefox 不支持 document.all的方法...
2007-03-03