带空格的 jquery ID 选择器

当 DOM ID有一个空格时,如何使用 jquery 的 ID 选择器?

例如,我的 DOM ID 是

<div id="content Module">Stuff</div>

应该如何使用 jquery 的 ID 选择器获取到这个 DOM 元素?

如果只是简单的如下

$("#content Module").whatever()

jQuery 会直接报错。

解决方法:

使用属性选择器

$("[id=‘content Module‘]").whatever();

或者,更好地,指定标记:

$("div[id=‘content Module‘]").whatever();

请注意,与 $(‘#id’) 不同,如果你的页面中有多个具有相同 ID 的元素,则会返回多个元素。

原文地址:https://www.cnblogs.com/ryanzheng/p/11645089.html

时间: 2024-10-29 07:09:54

带空格的 jquery ID 选择器的相关文章

关于jquery ID选择器的看法

最近看到一道前端面试题: 请优化selector写法:$(".foo div#bar:eq(0)") 我给出的答案会是: 1. $("#bar") 2.  $("div#bar") 下面说说我为什么会给出两种答案 1. 因为页面要求ID是唯一的,题目中的语句,可以直接优化成ID选择 2. 因为jQuery的选择器引擎用的是Sizzle,而$("div#bar")这样的写法,在Sizzle内部,会是一个从右往左的查找顺序,也就是

jquery Id选择器与document.getElementByIdy区别

最近写毕设,发现$选择ID时并不能改本身的背景图片: chrom会报如下错误: Uncaught TypeError: Cannot set property 'backgroundImage' of undefined jquery选择器 $(#id) 返回的是jquery对象,用document.getElementById( id )返回的是DOM对象 (1)jquery对象可以使用两种方式转换为DOM对象, [ index ] 和 .get( index ) $(#id)[0]   得到

jQuery 语法-选择器-事件(基础知识)

jQuery 语法 jQuery 语法是通过选取 HTML 元素的,并对元素执行某些操作 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() -

jQuery 带空格选择器的注意事项

<div class="test">     <div style="display:none;">aa</div>     <div style="display:none;">bb</div>     <div style="display:none;">cc</div>     <div class="test"

jQuery的选择器中的通配符[id^=&#39;code&#39;]

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选择 $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody

jQuery中选择器的空格问题

看书的时候发现有些选择器中的带空格,起初并没有在意,但是当写选择器的时候发现怎么都没有反应,于是仔细比对自己写的和书上的代码,把空格给加上了,结果就有反应了,当是当时不明白是怎么回事,怎么也想不通.在看了几页书便知道怎么回事了,写成博客分享一下. 示例代码: [javascript] view plaincopyprint? <html> <head> <title>选择器空格的问题</title> <script type="text/ja

JQuery中的id选择器含有特殊字符时,不能选中dom元素的解决方法

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

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带备忘录功能的日期选择器

今天给大家分享一款基于jQuery带备忘录功能的日期选择器.这款日期控制带有备记忘录功能.有备忘录的日期有一个圆圈,单击圆圈显示备忘录.该实例适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="htmleaf-header">