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 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
jQuery中add实现同时选择两个id对象
Oct 22 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
微信小程序 http请求的session管理
Jun 07 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
vue实现页面切换滑动效果
Jun 29 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
sony ICF-2010 拆解与改装
2021/03/02 无线电
PHP HTML代码串截取代码
2008/12/29 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
javascript下查找父节点的简单方法
2007/08/13 Javascript
一个可以随意添加多个序列的tag函数
2009/07/21 Javascript
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
python如何基于redis实现ip代理池
2020/01/17 Python
python和c语言哪个更适合初学者
2020/06/22 Python
深入了解NumPy 高级索引
2020/07/24 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
网上书店创业计划书
2014/01/12 职场文书
初中政治教学反思
2014/01/17 职场文书
婚育证明样本
2015/06/16 职场文书
教师网络培训心得体会
2016/01/09 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python
Python利用folium实现地图可视化
2021/05/23 Python