我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

下面简单介绍下:

第一个就是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://www.jb51.net/article/27617.htm

https://www.jb51.net/article/26702.htm

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

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

有朋友问document.getElementBy("id")与$("#id")的区别,其实第一个就是js中获取对象的方法, 第二个是通过自定义函数方便调用,而第三个是jquery中获取id对象的方法
2022-11-15

golang中"var"与":="的区别解析

这篇文章主要介绍了golang中“var”与“:=”的区别,使用var关键字是Go最基本的定义变量方式,有时也会使用到:=来定义变量,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-05-18

MySQL explain结果Extra中"Using Index"与"Using where; Using index"区别探究

问题背景最近用explain命令分析查询sql执行计划,时而能看到Extra中显示为"Using index"或者"Using where; Using Index",对这两者之间的明确区别产生了一些疑惑,于是通过网上搜索、自行实验探究了一番其具体区别。测试数
MySQL explain结果Extra中"Using Index"与"Using where; Using index"区别探究
2015-10-12

python中的iterator和"lazy iterator"区别是什么

这篇文章主要介绍了python中的iterator和"lazy iterator"区别是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇python中的iterator和"lazy iterator"区别是什
2023-07-05

python怎么判断字符串的前两个字母是否是"id"

这篇文章主要介绍“python怎么判断字符串的前两个字母是否是"id"”,在日常操作中,相信很多人在python怎么判断字符串的前两个字母是否是"id"问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”pytho
2023-07-05

字符串 len == 0 和 字符串== "" 的区别有哪些

这篇文章主要讲解了“字符串 len == 0 和 字符串== "" 的区别有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“字符串 len == 0 和 字符串== "" 的区别有哪些”吧
2023-06-15

css中id与class有什么区别

本篇文章给大家分享的是有关css中id与class有什么区别,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。css的基本语法是什么css的基本语法是:1、css规则由选择器和一条
2023-06-14

CSS中class与id有什么区别

CSS中class与id有什么区别?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。Class 在程序中称“类”,同时在CSS中也书面语也叫“类”。在CSS样式中以
2023-06-09

HTML中name、id、class有什么区别

这篇文章主要介绍了HTML中name、id、class有什么区别,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标
2023-06-08

css中id与class的区别是什么

这篇文章主要介绍“css中id与class的区别是什么”,在日常操作中,相信很多人在css中id与class的区别是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css中id与class的区别是什么”的疑
2023-06-20

css中class和id选择器有什么区别

这篇文章将为大家详细讲解有关css中class和id选择器有什么区别,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要
2023-06-14

编程热搜

目录