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 相关文章推荐
根据分辩率调用不同的CSS.
Jan 08 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
js图片查看器插件用法示例
Jun 22 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
浏览器页面区域大小的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中static关键字原理的学习研究分析
2011/07/18 PHP
php 中英文语言转换类代码
2011/08/11 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
ie focus bug 解决方法
2009/09/03 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
Vue前端项目部署IIS的实现
2020/01/06 Javascript
Vue按时间段查询数据组件使用详解
2020/08/21 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
深入理解Django的中间件middleware
2018/03/14 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
护士专业推荐信
2013/11/02 职场文书
市场部规章制度
2014/01/24 职场文书
党支部换届选举方案
2014/05/08 职场文书
公司演讲稿开场白
2014/08/25 职场文书
党员民主评议总结
2014/10/20 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
公司行政管理制度范本
2015/08/05 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
Python爬虫实战之爬取京东商品数据并实实现数据可视化
2021/06/07 Python
python缺失值的解决方法总结
2021/06/09 Python