document.getElementBy("id")与$("#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的方法

具体可以参考这篇文章

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

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

时间: 2024-09-19 13:46:50

document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别_基础知识的相关文章

在Javascript中 声明时用&amp;quot;var&amp;quot;与不用&amp;quot;var&amp;quot;的区别_基础知识

Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的.可以正常运行的代码并不代表是合适的代码. var num = 1: 是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable):如果是在全局域中声明,则为全局变量. 而 num = 1: 事实上是对属性赋值操作.首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域etc...)中解析 num: 如果在任何

javascript typeof id===&#039;string&#039;?document.getElementById(id):id解释[原创]_基础知识

一般来说想要理解这段代码,需要掌握如下两个函数 一个是 typeof 一个就是三元运算符 看完了上面的文章再看下面的就比较好理解了 一般来说常用的函数代码 function $(id){ return typeof id==='string'?document.getElementById(id):id;} var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : i

Document 对象的常用方法_基础知识

1.getElementById(id) 通过元素的ID访问元素,这是DOM一个基础的访问页面元素的方法,我们要经常用到它. 例如下面的例子,我们可以同DIV的ID迅速的访问到它,而不必通过DOM层层遍历, 复制代码 代码如下: <body> <div id='divid'><p>h</p> Just for testing; </div> <div id='divid'> Just for testing; </div>

JavaScript中document对象使用详解_基础知识

对象属性 复制代码 代码如下: document.title                 //设置文档标题等价于HTML的<title>标签 document.bgColor               //设置页面背景色 document.fgColor               //设置前景色(文本颜色) document.linkColor             //未点击过的链接颜色 document.alinkColor            //激活链接(焦点在此链接上)的

尽可能写&amp;quot;友好&amp;quot;的&amp;quot;Javascript&amp;quot;代码_基础知识

在Search Engine的robot搜索时,针对的type,text/html此类"文本"的友好度是最高的(现阶段text/xml除外),而text/javascript此类的友好度不理想,如果robot还要判断DHTML代码的话,那这个复杂度也是较高,而且划不来 因此,在DHTML编程时,如果要提升代码的友好度.采用的方法,较好的方法是"尽可能是把DHTML的代码简化成没有HTML的代码".这句话如何理解? e.g: 一个javascript menu. 方法

document.getElementById的简写方式(获取id对象的简略写法)_基础知识

比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 复制代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 复制代码 代码如下: function $() { var elements = new Array(); for (var i = 0; i < arguments.length;

JavaScript中的关键字&amp;quot;VAR&amp;quot;使用详解 分享_基础知识

看看下面这几个例子的结果就知道问题了:这三个例子的执行结果分别是: 复制代码 代码如下: Results#region ResultsNo.10undefinedNo.201No.30undefined#endregion 原来JavaScript的变量也是有作用域的,只是它非常的笼统,就分为全局变量和函数变量.在第二个例子中得到0和1,是因为所有的变量都是全局变量,而且那个语句块一共就定义了两个变量.而第一个第三的函数外全局变量,确实说明var关键字有没有都没有关系.而函数内的var关键字就很

JS的document.all函数使用示例_基础知识

一. document.all是页面内所有元素的一个集合.例如: document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); } 三. 也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素 四. 案例: 代码1: 复制代码 代码如下: <input name=aaa value=aaa> <input

Document对象内容集合(比较全)_基础知识

document 文挡对象 - JavaScript脚本语言描述 ----------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 "引用的元素为空或者不是对象\\\\\" ----------------------- 对象属性 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设