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 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
javascript中常用编程知识
Apr 08 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
Jun 08 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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多文件上传实现代码
2014/02/20 PHP
php实现上传图片文件代码
2015/07/19 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
JavaScript中Math对象使用说明
2008/01/16 Javascript
js控制div及网页相关属性的代码
2009/12/19 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python list转dict示例分享
2014/01/28 Python
python通过floor函数舍弃小数位的方法
2015/03/17 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
解决Python安装后pip不能用的问题
2018/06/12 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
护理自我鉴定范文
2013/10/06 职场文书
3的组成教学反思
2014/04/30 职场文书
房屋维修申请报告
2015/05/18 职场文书
小学生手册家长意见
2015/06/03 职场文书
话题作文之成长
2019/12/09 职场文书
z-index不起作用
2021/03/31 HTML / CSS
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
python 批量压缩图片的脚本
2021/06/02 Python
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
Python常遇到的错误和异常
2021/11/02 Python