document.getElementBy("id")与$("#id")有什么区别


Posted in Javascript onSeptember 22, 2013

下面简单介绍下:

第一个就是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://3water.com/article/27617.htm

https://3water.com/article/26702.htm

Javascript 相关文章推荐
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
TBCompressor js代码压缩
Jan 05 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
js创建对象的方法汇总
Jan 07 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
Mar 28 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
浏览器页面区域大小的js获取方法
Sep 21 #Javascript
javascript dom追加内容实现示例
Sep 21 #Javascript
html+js实现动态显示本地时间
Sep 21 #Javascript
JavaScript加强之自定义event事件
Sep 21 #Javascript
JavaScript加强之自定义callback示例
Sep 21 #Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 #Javascript
js中的异常处理try...catch使用介绍
Sep 21 #Javascript
You might like
php生成图片缩略图功能示例
2017/02/22 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
Three.js快速入门教程
2016/09/09 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
JS常用加密编码与算法实例总结
2016/12/22 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
python类继承与子类实例初始化用法分析
2015/04/17 Python
python重试装饰器的简单实现方法
2019/01/31 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
python基于opencv检测程序运行效率
2019/12/28 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
采购部岗位职责
2013/11/24 职场文书
小学安全教育材料
2014/02/17 职场文书
社区交通安全实施方案
2014/03/22 职场文书
公司领导班子对照材料
2014/08/18 职场文书
检察机关个人对照检查材料
2014/09/15 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
仓管员岗位职责
2015/02/03 职场文书
病假证明模板
2015/06/19 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS