Loading [MathJax]/jax/output/CommonHTML/jax.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >JQuery如何获取ID含有特殊字符的DOM元素

JQuery如何获取ID含有特殊字符的DOM元素

作者头像
黄啊码
发布于 2021-09-26 02:38:30
发布于 2021-09-26 02:38:30
11K0
举报

为业务需要,DOM元素的ID被命名为“c-order.range”,执行JQuery的DOM查询时,提示如下错误

Uncaught Error: Syntax error, unrecognized expression: [id=c-order.range] 1. 解决办法:document.getElementById 以前总觉得这个办法笨拙,现在越觉得此方法强大,几乎就是大杀器,没有查询不了的元素,无论你的元素ID命名多么刁钻。

var rowId = 'c-order.range', view = document.getElementById(rowId), // 将Element对象转换为JQuery对象 (view); // 毫无疑问,结果返回1 alert(

var rowId = 'c-order.range'; // 依旧提示unrecognized expression表达式错误 alert(('[id=' + rowId + ']').length) // 将所有的id值用双引号包起来,即可进行识别 // 请注意双引号添加的位置,只在id上进行包裹 alert(('[id="' + rowId + '"]').length)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/07/02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JQuery最全常用方法指南
ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以 有很多个函数被加载执行,按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error one(type, [data], fn) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对 象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。
江一铭
2022/06/17
11.2K0
jquery框架分析-构造jquery对象初步
这是一些分析jquery框架的文字 针对jquery 1.3.2版本 面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jquery框架
liulun
2022/05/09
1.5K0
JavaWeb04-jQuery(Java真正的全栈开发)
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。 核心理念是w
Java帮帮
2018/03/19
2.4K0
JavaWeb04-jQuery(Java真正的全栈开发)
WEB入门之十二 jquery简介
在前面两章,我们学习了JavaScript面向对象编程,从而对JavaScript这门编程语言有了更进一步的认识。JavaScript是目前世界最流行的编程语言之一,在Web前端开发中,起着无可替代的作用。虽然进过多年的改进,但是开发人员仍然觉得直接使用JavaScript困难重重,为了简化JavaScript并提高开发效率,各种JavaScript库应运而生,本章开始学习其中的jQuery。
张哥编程
2024/12/17
1570
WEB入门之十二 jquery简介
如何编写高效的jQuery代码(转载)
1. jQuery速度再快,也无法与原生的javascript方法相比,而且建立的jQuery对象包含的信息量很庞大。所以有原生方法可以使用的场合,尽量避免使用jQuery。
用户1518699
2018/10/11
7840
Dom与Jquery的ajax
DOM是文档对象模型(Document Object Model,简称DOM) jQuery是一个JavaScript 库,极大地简化了JavaScript编程。
全栈程序员站长
2022/08/04
5670
【Web APIs】DOM 文档对象模型 ① ( DOM 相关概念 - DOM 文档、DOM 树、DOM 节点 | 根据元素 ID 获取 DOM 元素 - getElementById 函数 )
DOM , 全称 " Document Object Model " , 文档对象模型 , 是一个可处理 扩展标记语言 HTML 和 XML 的 接口 , 借助该接口 , 可以 动态的 访问 和 修改 文档的 内容、结构和样式 ;
韩曙亮
2024/06/18
3100
【Web APIs】DOM 文档对象模型 ① ( DOM 相关概念 - DOM 文档、DOM 树、DOM 节点 | 根据元素 ID 获取 DOM 元素 - getElementById 函数 )
jQuery性能优化
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
8920
jQuery对象
当创建新元素(或选择现有元素)时,jQuery返回集合中的元素。jQuery的许多开发人员都认为这个集合是一个数组。.length毕竟,它有一个零索引序列的DOM元素,一些熟悉的数组函数和一个属性。实际上,jQuery对象比这更复杂。
用户7293182
2022/01/18
1.1K0
【JS】JavaScript 基础入门
theme: healer-readable highlight: a11y-dark
sidiot
2023/08/26
2920
【JS】JavaScript 基础入门
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明。 1 $.get("data.php",$("#firstName.val()"),function(data){ 2 3
用户1214487
2018/01/24
4K0
jQuery
当父类的对象引用没有指向父类的对象,而是指向了子类的对象时,调用方法或访问变量时会怎样呢?
yaoyaoah
2020/04/09
1.2K0
编写高质量 JavaScript -- 知识点小记
此番改善之后,匿名function里面的变量作用域不再是window,而是局限在函数内。
书童小二
2018/09/03
1.4K0
document.getElementById 学习总结「建议收藏」
<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html> <head> <script language=”javascript”> alert(“hello!!!”); </script> </head>
全栈程序员站长
2022/09/14
2.7K0
[Java面试九]脚本语言知识总结.
核心内容概述 1.JavaScript加强,涉及到ECMAScript语法、BOM对象、DOM对象以及事件。 2.Ajax传统编程。 3.jQuery框架,九种选择器为核心学习内容 4.JQuery UI插件 5.jQuery Ajax编程 6.jQuery第三方插件 7.反向Ajax编程(彗星) 一、JavaScript基础加强 JavaScript是在浏览器内容运行,无需编译、解释执行动态脚本语言,是一种弱类型语言,所有变量使用var定义。 JavaScript的3个组成部分分别为:核心(ECMAScr
一枝花算不算浪漫
2018/05/18
5.2K0
jQuery选择器、Dom操作、样式、事件处理
1.库和框架的区别? 库:就是API函数库,提供API供你调用。库内部已经做了各种底层的封装,以及各种兼容问题的处理,工作中调用库内的API接口就能实现需要的功能,不需要额外的代码来处理函数封装和兼容问题,让代码更简洁,效率更高。库就像是一个工具盒,需要什么工具就从库中调用。 使用库的过程就是根据所需的功能,查文档,再调用库内的对应的API接口。 框架:提供一套完整的解决方案,你按照方案来操作以实现需求。 使用框架的过程就是先查文档,再照着文档写代码,出错了再查文档。 2.jquery 能做什么
小胖
2018/06/27
2K0
【JQuery框架】JQuery对象和JS对象的区别和转换
在了解jQuery对象和JS对象之间的区别和转换前,我们先对jQuery框架进行一个简单的入门。
灰小猿
2022/05/05
5.1K0
JS对象与Dom对象与jQuery对象之间的区别
通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的
用户1195962
2018/09/13
2.9K0
jquery对象和dom对象的相互转换
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对 象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如:$(document.getEl
joshua317
2018/04/10
3.5K0
Web-第四天 jQuery学习
jQuery是一个JavaScript框架。它兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。
Java帮帮
2018/07/27
3.6K0
Web-第四天 jQuery学习
相关推荐
JQuery最全常用方法指南
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档