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 相关文章推荐
jquery.ui.draggable中文文档(原文翻译)
Nov 15 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
js获取所有checkbox的值的简单实例
May 30 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
JavaScript实现无穷滚动加载数据
May 06 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
vue随机验证码组件的封装实现
Feb 19 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中替换换行符的几种方法小结
2012/10/15 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
php源码的安装方法和实例
2019/09/26 PHP
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
[00:11]战神迅矛
2019/03/06 DOTA
python中xrange和range的区别
2014/05/13 Python
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
今天 平安夜 Python 送你一顶圣诞帽 @微信官方
2017/12/25 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
Python基础之字符串操作常用函数集合
2020/02/09 Python
Python中常见的数制转换有哪些
2020/05/27 Python
keras自动编码器实现系列之卷积自动编码器操作
2020/07/03 Python
Pyinstaller打包Scrapy项目的实现步骤
2020/09/22 Python
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
爱岗敬业演讲稿范文
2014/01/14 职场文书
成语的广告词
2014/03/19 职场文书
数学系毕业生求职信
2014/05/29 职场文书
护理学院专科毕业生求职信
2014/06/28 职场文书
起诉书格式范文
2015/05/20 职场文书
十二生肖观后感
2015/06/12 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
Redis分布式锁Redlock的实现
2021/08/07 Redis
人民币符号
2022/02/17 杂记