document.getElementBy("id")與$("#i

下面簡單介紹下：

第一個就是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的方法

具體可以參考這篇文章

http://www.jb51.net/article/27617.htm

http://www.jb51.net/article/26702.htm