document.getElementById(‘abc‘)和$(‘#abc‘)区别

原创 已于 2022-06-04 23:03:27 修改 · 171 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #javascript

于 2022-05-30 09:12:43 首次发布

原生JS获取html元素：
document.getElementById(‘abc’)
获取到的是一个DOM对象
使用jQuery获取html元素：
$(‘#abc’)
获取到的是一个jQuery对象

用$('xxx')获取jQuery对象是一个数组，可以使用$('xxx')[0]将jQuery对象转成DOM对象，从而使用原生JS的API方法
在这里插入图片描述

js $("#abc")对象转换为默认对象
小小的熊的博客
05-09 415
$("#abc").context
document.getElementById
weixin_44674424的博客
08-21 620
document.getElementById
document.getElementById().innerHTML
热门推荐
qq_45330179的博客
11-11 1万+
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：<div id="demo">这是内容</div> 我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容， 如document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容。 ...
if(document.getElementById('XXXX’))的使用
锦鲤豆
06-29 2114
今天看公司项目, 项目有点老, 2007年的项目, 然后看 JavaScript代码中, 发现使用了if(document.getElementById('XXXX’)), 第一次遇见, 请教了公司大佬, 他说: 判断 html 中是否存在 这个控件, 若不存在, 则为false;若存在, 则为true然后我自己编写代码进行了测试&lt;!DOCTYPE html&gt; &lt;html&gt;...
获取焦点 document.getElementById(“input“).focus()；
jieweiwujie的博客
08-31 1332
document.getElementById("input").focus();
JavaScript中document.getElementById解析
Quest_sec的博客
03-31 6640
话外：函数名一定要有大写字母=.= JavaScript中document.getElementById和document.write 1.JavaScript访问某个HTML元素，可以使用document.getElementById（id）方法。 如 &amp;lt;body&amp;gt; &amp;lt;p id=&quot;demo&quot;&amp;gt;Hello&amp;lt;/p&amp;
document.getElementById("form1").username.focus();
伟大的程序员
02-01 4820
假设有一表单,ID属性为form1,其中包含有一个文本框,name属性为abc,那么下面语句:document.getElementById('form1').abc.focus();表示将输入焦点定位到该表单的该文本框中.focus方法用于使对象获得焦点.再假设文本框有id属性,且值为abc,那么document.getElementById('abc').focus();可以直接操作该文本框,
document getElementById innerHTML
weixin_43726152的博客
05-06 7280
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如： 这是内容 ，我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容...
【解决】document.getelementbyid("XX").click失效
持续疯长，往天那边去
09-27 5008
[code="js"] var card=document.getElementById('login-link'); if(document.createEvent){ var ev = document.createEvent('HTMLEvents'); ev.initEvent('click', false, true); c...
var rvalidAccount = document.all ? document.all["rvalidAccount"] : document.getElementById("rvalidAccount"); rvalidAccount.controltovalidate = "txtAccount"; rvalidAccount.focusOnError = "t"; rvalidAccount.errormessage = "请键入帐号"; rvalidAccount.display = "Dynamic"; rvalidAccount.validationGroup = "login"; rvalidAccount.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; rvalidAccount.initialvalue = ""; var cvLogout = document.all ? document.all["cvLogout"] : document.getElementById("cvLogout"); cvLogout.errormessage = "您已经注销"; cvLogout.display = "Dynamic"; cvLogout.isvalid = "False"; cvLogout.validationGroup = "login"; cvLogout.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvLicenseFile = document.all ? document.all["cvLicenseFile"] : document.getElementById("cvLicenseFile"); cvLicenseFile.errormessage = "授权信息不正确无法启用应用程序"; cvLicenseFile.display = "Dynamic"; cvLicenseFile.validationGroup = "login"; cvLicenseFile.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvalidLogin = document.all ? document.all["cvalidLogin"] : document.getElementById("cvalidLogin"); cvalidLogin.errormessage = "帐号或密码错误。<br/>若使用AD验证，帐号输入格式为：AD Domain\\Account，例：ABC\\admin"; cvalidLogin.display = "Dynamic"; cvalidLogin.validationGroup = "login"; cvalidLogin.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvLicenseFull = document.all ? document.all["cvLicenseFull"] : document.getElementById("cvLicenseFull"); cvLicenseFull.errormessage = "授权人数已满无法登录"; cvLicenseFull.display = "Dynamic"; cvLicenseFull.validationGroup = "login"; cvLicenseFull.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvLicenseExpired = document.all ? document.all["cvLicenseExpired"] : document.getElementById("cvLicenseExpired"); cvLicenseExpired.errormessage = "授权已到期无法登录<br/>MachineCode:<br/>Can\'t get machine code"; cvLicenseExpired.display = "Dynamic"; cvLicenseExpired.validationGroup = "login"; cvLicenseExpired.evaluationfunction = "CustomValidatorEvaluateIsValid"; var rvalidAccount2 = document.all ? document.all["rvalidAccount2"] : document.getElementById("rvalidAccount2"); rvalidAccount2.controltovalidate = "txtAccount2"; rvalidAccount2.errormessage = "请键入帐号"; rvalidAccount2.display = "Dynamic"; rvalidAccount2.validationGroup = "forget"; rvalidAccount2.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid"; rvalidAccount2.initialvalue = ""; var cvAccountFail = document.all ? document.all["cvAccountFail"] : document.getElementById("cvAccountFail"); cvAccountFail.errormessage = "未找到此帐号，请重新输入"; cvAccountFail.display = "Dynamic"; cvAccountFail.validationGroup = "forget"; cvAccountFail.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvMailFail = document.all ? document.all["cvMailFail"] : document.getElementById("cvMailFail"); cvMailFail.errormessage = "个人数据未设置邮箱，无法寄送凭证码，请洽系统管理员"; cvMailFail.display = "Dynamic"; cvMailFail.validationGroup = "forget"; cvMailFail.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvMobileFail = document.all ? document.all["cvMobileFail"] : document.getElementById("cvMobileFail"); cvMobileFail.errormessage = "个人数据未设置邮箱或手机，无法寄送凭证码，请洽系统管理员"; cvMobileFail.display = "Dynamic"; cvMobileFail.validationGroup = "forget"; cvMobileFail.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvSuccess = document.all ? document.all["cvSuccess"] : document.getElementById("cvSuccess"); cvSuccess.errormessage = "发送密码通知成功"; cvSuccess.display = "Dynamic"; cvSuccess.validationGroup = "forget"; cvSuccess.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvCodeErrorInvalid = document.all ? document.all["cvCodeErrorInvalid"] : document.getElementById("cvCodeErrorInvalid"); cvCodeErrorInvalid.errormessage = "请于五分钟后重新索取凭证码"; cvCodeErrorInvalid.display = "Dynamic"; cvCodeErrorInvalid.validationGroup = "forget"; cvCodeErrorInvalid.evaluationfunction = "CustomValidatorEvaluateIsValid"; var cvSmsCreditError = document.all ? document.all["cvSmsCreditError"] : document.getElementById("cvSmsCreditError"); cvSmsCreditError.errormessage = "简讯点数不足，无法发送简讯，请洽系统管理员"; cvSmsCreditError.display = "Dynamic"; cvSmsCreditError.validationGroup = "forget"; cvSmsCreditError.evaluationfunction = "CustomValidatorEvaluateIsValid"; 解析这段代码
11-13
document.all["rvalidAccount"] : document.getElementById("rvalidAccount"); // 设置要验证的控件为 txtAccount rvalidAccount.controltovalidate = "txtAccount"; // 设置聚焦错误选项为 t rvalidAccount....
document.getElementById("sidI_INFO_NIY").value去除空格用什么
11-11
用户通过`document.getElementById`获取了一个输入元素的值，现在需要去除这个字符串中的所有空格。 在JavaScript中，去除字符串中的空格可以使用正则表达式和`replace`方法。我们可以使用`/\s/g`作为正则表达式来...
function getNumber(id, name) { let val = document.getElementById(id).value.trim(); if (val === "") { alert("操作数不能为空，请输入该操作数！"); document.getElementById(id).focus(); return null; } if (!/^-?\d+$/.test(val)) { alert("输入的操作数格式不正确！"); document.getElementById(id).focus(); return null; } return parseInt(val); } 解释这段代码
11-17
let val = document.getElementById(id).value.trim(); if (val === "") { alert("操作数不能为空，请输入该操作数！"); document.getElementById(id).focus(); return null; } if (!/^-?\d+$/.test(val)) { ...
document.getElementById('num-unh').textContent = counts.unhealth.toLocaleString('zh-CN');改成如果为1显示0
10-18
document.getElementById('num-unh').textContent = displayValue; ``` --- ### 代码解释 | 条件 | 处理 | |------|------| | `value === 1` 或 `'1'` | 显示 `'0'`（字符串） | | 是有效数字（如 `2`, `1000`） ...
Vue开发工具使用技巧
2509_93946471的博客
11-24 182
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 548
在。
SSM企业物资管理系统h3109(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上，文末可获取，系统界面在最后面
2509_93102542的博客
11-21 759
在技术实现上，国外多采用成熟的开发框架和技术架构，注重系统的安全性、稳定性和可扩展性，同时积极融入大数据、人工智能等新技术，实现物资需求预测、智能库存优化等功能。基于此，开发一套基于SSM框架的企业物资管理系统，整合部门、员工、物资及各类业务流程管理功能，实现物资管理的数字化、规范化和高效化，成为解决企业物资管理痛点的必然需求。本课题旨在开发一套基于SSM框架的企业物资管理系统，围绕部门、员工、物资信息、物资申请、消息提醒、物资归还、物资入库、意见反馈八大核心功能模块，实现企业物资管理的全流程数字化。
Vue网站
最新发布
2509_93947362的博客
11-24 69
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
React社区
2509_93942966的博客
11-23 198
这种混乱中带着生命力的讨论，特别像早年中关村攒机市场——商家喊着不同配置的优劣，而真正懂行的玩家早就摸清了哪个方案最适合自己的项目。但有意思的是，无论工具链怎么变，React核心团队始终稳如老狗——他们宁可把并发特性在实验阶段晾三年，也不愿重蹈Angular断代升级的覆辙。组件库生态更是百花齐放。这种带着口音的技术交流，反而比标准教科书更能体现社区的活力。或许某天你写在Stack Overflow的答案，就会成为某个巴西程序员解决线上故障的关键——这种跨越时区的知识接力，才是技术社区最浪漫的部分。
JavaScript案例
2509_93942579的博客
11-21 304
这段代码遍历用户数组，为每个用户创建li元素，并添加到ul列表中。经常遇到动态添加的元素无法绑定事件的问题，比如一个任务列表，每个任务项有个删除按钮。如果给每个按钮单独绑事件，新加的按钮就没反应。这时事件委托就派上用场了，我们把事件绑在父容器上，通过事件冒泡来管理。这些案例都是我在项目中踩过坑后总结的，可能不是最优解，但实测有效。这个debounce函数返回一个新函数，在delay毫秒内如果重复调用，会清除之前的定时器，重新计时。这样只有用户停止输入300毫秒后，才会触发搜索操作，有效减少不必要的请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值