脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → document.getElementBy $("#id")

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的简写方式

个人比较推荐用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

相关文章

最新评论