jQuery选择器中的特殊符号处理方法
一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符
那么是如何处理这些个特殊字符的呢?
HTML代码:
<div id="id.a">aa</div> <div id="id#b">bb</div>
Jquery代码:
var $id_a = $('#id.a');//jQuery对象,实际上是没取到元素的 var $id_b = $('#id#b');//jQuery对象,实际上是没取到元素的 alert( $id_a.length);//输出0 alert( $id_b.length);//输出0 var $id_right_a = $('#id\\.a');//jQuery对象,对特殊字符,我们转义一下 var $id_right_b = $('#id\\#b');//jQuery对象,对特殊字符,我们转义一下 alert( $id_right_a.html());//正确输出"aa" alert( $id_right_b.html());//正确输出"bb"
总结
以上所述是小编给大家介绍的jQuery选择器中的特殊符号处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
jQuery选择器总结之常用元素查找方法
选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似.选择器具有如下特点: 1.简化代码的编写 2.隐式迭代 3.无须判断对象是否存在 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $
-
JQuery的常用选择器、过滤器、方法全面介绍
1.jQuery对象转换成DOM对象 a. var $cr = $("#cr"); //jQuery对象 var cr=$cr[0]; //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 b. var $cr=$("#cr"); //jQuery对象 var cr=$cr.get(0); //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 2.DOM对象转换成jQuery对象 var c
-
jQuery特殊符号转义的实现
我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义. 列举部分如下: <input id="entity.username" type="text" value="hello" /> alert($("#entity\\.username").val()); <input id="entity:username" type="text" v
-
使用Jquery获取带特殊符号的ID 标签的方法
使用Jquery 如何获取带特殊符号的ID 标签 复制代码 代码如下: $(document.getElementById('ID名称'))
-
jquery基本选择器匹配多个元素的实现方法
如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document &
-
jQuery四种选择器使用及示例
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取所有 class="intro" 的 <p> 元素. $("p#demo") 选取所有 id="demo" 的 <p> 元素. 示例代码: jquery 部分 $(document).ready(function(){/
-
jQuery基本选择器之标签名选择器
废话不多说了,直接给大家贴代码了,关键代码如下所述: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <tit
-
jQuery选择器中的特殊符号处理方法
一般情况下,在jQuery选择器中,我们很少会用到诸如"."."#"."("."["等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有"#"和"."等特殊字符 那么是如何处理这些个特殊字符的呢? HTML代码: <div id="id.a">aa</div> <d
-
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
概念 空格:$('parent childchild')表示获取parent下的所有的childchild节点 大于号:$('parent > childchild')表示获取parent下的所有下一级childchild 加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节点,相当于next()方法 波浪号:$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点,相当于nextAll()方法 详解描述 现有代码如下 <meta charset
-
jquery选择器排除某个DOM元素的方法(实例演示)
jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明: 1.选择所有的img元素,排除class=phpernote的元素的个数: 复制代码 代码如下: $('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length(); 2.获取id=phpernote下面所有没有class=com的li元素的个数 复制代码 代码如下: $('#phpernote
-
jQuery选择器中含有空格的使用示例及注意事项
此文摘自<锋利的jQuery>,另外添加了一点自己的东西 选择器中的空格是不容忽视的,多一个空格或少一个空格也许得到的结果会截然不同的.下面来看一个例子. 先构建如下的HTML代码: 复制代码 代码如下: <div class="test"> <div style="display:none;">Jquery教程</div> <div style="display:none;">Jque
-
Jquery选择器中使用变量实现动态选择例子
例子一: <table> <tr> <th>用户名</th> <th>状态</th> <tr> <tr> <td>张三</td> <td data-uid="10000">正常</td> <tr> <tr> <td>李四</td> <td data-uid="10001"
-
web.py在模板中输出美元符号的方法
由于web.py已经在模板中定义"$"符号位定界符,所以在模板中如果要使用美元符号需要特殊处理. 如我要在模板中输出"$name"字符串: 复制代码 代码如下: $name 报错 $name被认定为一个变量而不是当作HTML字符串处理.如果想要输出"$name"字符串必须要这么写: 复制代码 代码如下: $$name 保存运行正确输出. 特别是跟jQuery里混合使用的时候,也要注意.如: 复制代码 代码如下: $("id")
-
jquery(live)中File input的change方法只起一次作用的解决办法
错误写法 复制代码 代码如下: $("#uploadImg").click(function(){ do something }); 正确写法 复制代码 代码如下: $("#uploadImg").live('change',function(){ do something });
-
jQuery选择器特殊字符与属性空格问题
一.选择器中含有特殊符号的注意事项 1.选择器中含有"."."#"."("或"]"等特殊字符 根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有"#"和"."等特殊字符,如果按照普通的方式去处理出来的话就会出错.解决此类错误的方法是使用转义符转义. <div id="id#b">bb</div> <
-
jquery选择器需要注意的问题
我们先来看段代码,很简单,如下 复制代码 代码如下: <div id="div1"> <span>111</span> <span>222</span> <span>333</span> <button id="button1">clear</button> </div> 复制代码 代码如下: $(function(
随机推荐
- angularjs 实现带查找筛选功能的select下拉框实例
- 快下载!值得装Windows 2003 SP1三大原因
- 口语要素150句
- Ajax留言本源码 提供下载了
- php利用嵌套数组拼接与解析json的方法
- php实现图片缩略图的方法
- PHP4实际应用经验篇(1)
- Python编程实现双击更新所有已安装python模块的方法
- 一文让你彻底搞清楚javascript中的require、import与export
- JS实现图片预加载无需等待
- 一个下载网页图片的shell脚本
- win2003禁止web等目录执行exe,bat,com的方法
- asp.net下UTF-7转GB2312编码的代码(中文)
- Android第三方控件PhotoView使用方法详解
- flutter ExpansionTile 层级菜单的实现
- Android使用WebView实现全屏切换播放网页视频功能
- 微信小程序实现锚点功能
- Linux下使用SSH远程执行命令方法收集
- python+opencv实现高斯平滑滤波
- 微信小程序Getuserinfo解决方案图解