热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

原生JS查找元素办法(推荐)

web前端|js教程JSweb前端-js教程今天写了一个很简单、很粗暴的通过JS根据类来查找DOM元素。微店的评价系统源码,ubuntu宝塔安装php,安装版tomcat删除服务,

web前端|js教程原生JS查找元素办法(推荐)
JS
web前端-js教程
今天写了一个很简单、很粗暴的通过JS根据类来查找DOM元素。
微店的评价系统源码,ubuntu宝塔安装php,安装版tomcat删除服务,爬虫获取房屋,php生成网页引用js,hyein seo中文lzw
为了降低它的粗暴等级(耗费性能)我给了三个等级。
带支付和后台网站源码,vscode 查看已安装,ubuntu开机模糊,tomcat 上传工具,wex5 sqlite用法,大米生小爬虫怎么办,php 获取域名ip,苏州昆山seo公司,瀑布流视频网站,网页聊天工具 源码,动态登录页面模板lzw
首先性能最好的,适合FF,CH,IE8,通过querySelectorAll这个API。
凡客 源码,vscode 终端缓冲区大小,封装ubuntu iso,Tomcat下配置dns,恐怖爬虫玩具,dubbo支持php,靠谱seo系统代理加盟平台,网站自动全屏lzw
其次是指定ID

最后只能全页面进行匹配class,不过比较节省的性能的是,在指定class名称的时候,同时传入HTML标签的类型,用于节省遍历的范围!

因为水平有限,目前也只能写成这种,真的好好奇JQ的选择器是怎么去匹配DOM的,如果有大神看到这篇文章,请不要吝啬施教。。。

下面贴代码:

function $(d,t){ var c = null, // className e = null, // element i = null; // id function type(p){ /function.(\w*)\(\)/.test(p.constructor); return RegExp.$1.toLowerCase(); } if(type(d) == 'string'){ if(/^\.[a-z,A-Z,_]\w*$/.test(d)){ // 匹配class c = d; }else if(/^#[a-z,A-Z,_]\w*$/.test(d)){ // 匹配id i = d; }else if(/^[a-z,A-Z,_]+$/.test(d)){ // 匹配元素 e = d; }else{ return undefined; } if(document.querySelectorAll){ if(c || e) return document.querySelectorAll(c || e); if(i) return document.querySelectorAll(i)[0]; }else{ if(c){ var all = document.getElementsByTagName(t || '*'), cn = c.slice(1,c.length), reg = new RegExp('^'+cn+'\\b'), // 限定类名的起始,结束只要是相同字符结束即可。 em = []; for(var i=0;i

调用方式:

$('selector'[,type])

推荐阅读
  • MySQL性能优化与调参指南【数据库管理】
    本文详细探讨了MySQL数据库的性能优化与参数调整技巧,旨在帮助数据库管理员和开发人员提升系统的运行效率。内容涵盖索引优化、查询优化、配置参数调整等方面,结合实际案例进行深入分析,提供实用的操作建议。此外,还介绍了常见的性能监控工具和方法,助力读者全面掌握MySQL性能优化的核心技能。 ... [详细]
  • HTML5大文件传输技术深度解析与实践分享
    本文深入探讨了HTML5在Web前端开发中实现大文件上传的技术细节与实践方法。通过实例分析,详细讲解了如何利用HTML5的相关特性高效、稳定地处理大文件传输问题,并提供了可供参考的代码示例和解决方案。此外,文章还讨论了常见的技术挑战及优化策略,旨在帮助开发者更好地理解和应用HTML5大文件上传技术。 ... [详细]
  • Norton Partition Magic 中 PHP 函数 error_reporting(E_ALL ^ E_NOTICE) 的详细解析与应用
    在 Windows 环境下,通过具体示例分析了 `Norton Partition Magic` 中 `PHP` 函数 `error_reporting(E_ALL ^ E_NOTICE)` 的详细解析与应用。该函数用于控制错误报告级别,例如在从 PHP 4.3.0 升级到 4.3.1 后,程序出现多处错误的原因及解决方法。本文深入探讨了错误报告配置对程序稳定性的影响,并提供了实用的调试技巧。 ... [详细]
  • 本文详细解析了如何使用 jQuery 实现一个在浏览器地址栏运行的射击游戏。通过源代码分析,展示了关键的 JavaScript 技术和实现方法,并提供了在线演示链接供读者参考。此外,还介绍了如何在 Visual Studio Code 中进行开发和调试,为开发者提供了实用的技巧和建议。 ... [详细]
  • 如何使用Python高效绘制矩形图形
    本文详细介绍了如何利用Python的Turtle库高效绘制矩形图形,适合初学者快速上手。通过具体示例代码,帮助读者理解Turtle库的基本绘图方法和技巧,同时探讨了在不同应用场景中绘制矩形的实际操作,为后续复杂图形的绘制打下坚实基础。 ... [详细]
  • 浅析PHP中$_SERVER[
    在PHP后端开发中,`$_SERVER["HTTP_REFERER"]` 是一个非常有用的超级全局变量,它可以获取用户访问当前页面之前的URL。本文将详细介绍该变量的使用方法及其在不同场景下的应用,如页面跳转跟踪、安全验证和用户行为分析等。通过实例解析,帮助开发者更好地理解和利用这一功能。 ... [详细]
  • 如何在PHP中准确检测字符是否为中文汉字
    本文详细介绍了在PHP中实现准确检测字符是否为中文汉字的方法。通过使用正则表达式和多字节字符串函数,开发者可以轻松判断输入值是否包含中文汉字。此外,文章还提供了示例代码和常见问题的解决方案,适用于各种开发环境,如Ubuntu系统和Web应用服务器配置。 ... [详细]
  • 轻松实现MySQL数据库自动备份【数据库管理】
    本文介绍了如何通过简单的步骤实现MySQL数据库的自动备份。具体方法是将一段脚本保存为批处理文件(.bat),该脚本可以定期执行数据库备份任务。此外,还提供了在不同操作系统和开发环境中配置备份任务的示例,包括VSCodium、Ubuntu代理设置以及Tomcat服务器的相关配置。这不仅提高了数据安全性,还简化了数据库管理流程。 ... [详细]
  • 如何在MySQL中安全地更改主键值
    在MySQL数据库中,更改主键值是一项敏感操作,需要谨慎处理以确保数据的完整性和一致性。本文将详细介绍如何通过安全的方法在MySQL中修改主键值,包括备份数据、更新外键约束和验证更改的有效性等步骤。此外,还将探讨一些常见的错误及其解决方法,帮助读者在实际操作中避免潜在的风险。 ... [详细]
  • 搜索引擎提示“服务不稳定可能导致访问异常”的原因分析与解决策略 ... [详细]
  • Ceph API微服务实现RBD块设备的高效创建与安全删除
    本文旨在实现Ceph块存储中RBD块设备的高效创建与安全删除功能。开发环境为CentOS 7,使用 IntelliJ IDEA 进行开发。首先介绍了 librbd 的基本概念及其在 Ceph 中的作用,随后详细描述了项目 Gradle 配置的优化过程,确保了开发环境的稳定性和兼容性。通过这一系列步骤,我们成功实现了 RBD 块设备的快速创建与安全删除,提升了系统的整体性能和可靠性。 ... [详细]
  • 深入解析Tomcat:开发者的实用指南
    深入解析Tomcat:开发者的实用指南 ... [详细]
  • 在Java应用程序中调用`response.getStatus()`方法时遇到了`NoSuchMethodError`异常,经过分析,初步判断为依赖冲突问题。通过检查项目依赖树发现,当前项目版本与某些库的版本不兼容,导致该方法无法被正确识别。建议通过更新相关依赖版本或使用依赖管理工具(如Maven或Gradle)来解决此问题,确保所有依赖项版本一致且兼容。 ... [详细]
  • 在前一篇文章中,我们介绍了如何使用Requests库发送GET请求。本文将深入探讨如何通过Requests库发送POST请求,包括参数格式、请求封装等关键技巧,并通过“历史上的今天”API实例进行详细说明。 ... [详细]
  • 如何在主服务器响应变慢时,自动切换至备用服务器地址以确保服务连续性
    在主服务器响应速度下降时,如何通过编程实现自动切换至备用服务器地址,以确保服务的连续性和稳定性。本文将介绍一种基于PHP和MySQL的解决方案,通过监测主服务器的响应时间,当检测到延迟过高时,自动切换至备用服务器接口,从而保障系统的高可用性。 ... [详细]
author-avatar
吾爱九-九九
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有