jquery 修改id选择器特殊字符规则

2024-08-29

JQuery的选择器对控件ID含有特殊字符的解决方法-涨姿势了！

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素. 但是:当id含有特殊字符的时候,是不能选中的. 2. 自己简单的测试了下,jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线. 其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的, 这里不考虑. 3.提供以下方法,开人人员只要将id转义后,jquery就能选中了.不用再考特殊字符的问题 function escapeJquery(src

jQuery的ID选择器失效问题

jQuery的ID选择器,在同一项目别的文件中一切正常: 在当前页面,jQuery的其它功能(如:$(document).ready(function(){ alert("ok"); });)运行正常, 但是ID选择器方法失效,如alert($("#user"))结果显示为null. 原因:当前页引入了一些JS代码,可能是这些代码不规范导致的. 解决:(1)把引入的JS代码去掉,ID选择器方法有效: (2)因为必须要用这些JS代码,所以在引入jquery.js之前

jQuery easyUI id选择器类选择器标签选择器属性选择器及DOM对象和jQuery相互之间的转换

首先导入js文件 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

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

因为业务需要,DOM元素的ID被命名为"13/16(FCO26)",执行JQuery的DOM查询时,提示如下错误 Uncaught Error: Syntax error, unrecognized expression: [id=13/16(FCO26)] 解决方法 var rowId = '13/16(FCO26)''; // 依旧提示unrecognized expression表达式错误 alert($('[id=' + rowId + ']').length) // 将所有的

Jquery的ID选择器

JQuery中的id选择器含有特殊字符时，不能选中dom元素

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素.但是:当id含有特殊字符的时候,是不能选中的 2.jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线.其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑

带空格的 jquery ID 选择器

当 DOM ID有一个空格时,如何使用 jquery 的 ID 选择器? 例如,我的 DOM ID 是 <div id="content Module">Stuff</div> 应该如何使用 jquery 的 ID 选择器获取到这个 DOM 元素? 如果只是简单的如下 $("#content Module").whatever() jQuery 会直接报错. 解决方法: 使用属性选择器 $("[id='content Module'

jquery基本选择器：id选择器、class选择器、标签选择器、通配符选择器

全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery基本选择器 jquery基本选择器,包括id选择器.class选择器.标签选择器.通配符选择器,同时配合选择器的空格.逗号等语法,可以实现大部分需要的选择功能. 代码如下: $("#myid"); //根据id获取元素,等价于document.getElementById(), $("#myid\\#b"); //根据id为myid#b的元素,对于属性中含有.#([等特殊字符的要转义

Jquery 选择器特殊字符转义字符

1.Jquery 选择器 id包含特殊字符,加双斜线 \\ 例 <input type="text" id="dbo_HouseInfo.HouseResourceID" /> <script> var val= $("#dbo_HouseInfo\\.HouseResourceID").val(); </script> 2.HTML中的转义字符加单斜线 \ 例

jQuery选择器(ID选择器)第一节

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untit

jQuery选择器之id选择器

页面的任何操作都需要节点的支撑,开发者如果快速高效的找到指定的节点也是前端开发中的一个重点.jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写. jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用的开始学起. id选择器:一个用来查找的ID,即元素的id属性. $('#id') id选择器也是基本的选择器,jQuery内部使用的JavaScript函数document.getElementB

请写出css中选择器（元素选择器、类选择器、id选择器）的优先级顺序，和当各种选择器组合时，优先级的计算规则是什么？

id选择器>类选择器>元素选择器规则:选择器的权重值表述为4个部分,用0,0,0,0表示. 通配符*的权重为0,0,0,0 标签选择器.伪元素选择器的权重为0,0,0,1 类选择器.属性选择器.伪类选择器的权重为0,0,1,0 id选择器的权重为0,1,0,0 行内样式的权重为1,0,0,0 !imporatant的权重为∞ 权重大的选择器覆盖权重小的选择器同样权重的选择器,后面的覆盖前面的层叠选择器按照权重相加的结果,大的覆盖小的 !imporatant的权重最大,没得抢了

webform（九）——JQuery基础（选择器、事件、DOM操作）

JQuery -- 一个js函数包一.选择器 1.基本选择器 ①id选择器:# ②class选择器:. ③标签名选择:标签名 ④并列选择:用,隔开 ⑤后代选择:用空格隔开代码用法展示: <title></title> <script src="js/jquery-1.7.2.min.js"></script> </head> <body> <form id=&qu

Jquery 之使用选择器

jQuery选择器描述 jQuery选择器是jQuery框架的基础,jQuery对事件的处理.DOM操作.CSS动态控制.Ajax通信.动画设计都是在选择器基础上进行的.jQuery 选择器采用CSS和Xpath选择符的能力,能够满足用户在DOM中快捷而轻松地获取元素或元素组. jQuery选择器的种类基本选择器层级选择器伪类选择器(简单的伪类选择器.与内容相关的伪类选择器.与元素显示状态相关的伪类选择器.匹配子元素的伪类选择器.与表单对象相关的伪类选择器.与表单属性相关的伪类选择器) 属

jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示

一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面. 三.需要改写触发校验的方式. $("#commentForm").validate({meta: "validate"}); 四.详细代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目的:通过九类选择器,能定位web页面(HTML/JSP/XML)中的任何标签 (1)基本选择器[参见01_selector.html] (2)层次选择器[参见02_selector.html] (3)增强基本选择器[参见03_selector.html] (4)内容选择器[参见04_selector

JQuery————基础&&基础选择器

环境搭建搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版. 引入jQuery文件库下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文

jQuery简单过滤选择器

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器.层次选择器.过滤选择器.表单选择器四大类.其中,在过滤选择器中有可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器6种 1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以

jQuery中的选择器(下)

这一篇主要写过滤选择器和表单选择器在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述. 3.过滤选择器过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素.过滤规则和css中的伪类选择器语法相同.即都是已冒号(:)开头.按照不同的过滤规则,可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象过滤选择器. 3-1 基本过滤选择器 :first 用于选取第一个元素.如$("div:first")选取所有<div>元

jQuery系列第四章 jQuery框架的选择器

第四章 jQuery框架的选择器 4.1 jQuery选择器说明 jQuery 最核心的组成部分就是选择器引擎.它完全继承了 CSS 的风格,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,而且不必担心浏览器的兼容性,写法更加简洁. jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择. 优点:相对于直接使用 JavaScript 获取页面元素和处理业务逻辑相比,使用jQuery 选择器来进行操作代码更简单且拥有

jquery 修改id选择器特殊字符规则

热门专题