美文网首页
jQuery选择id带冒号的元素

jQuery选择id带冒号的元素

作者: 是阿离 | 来源:发表于2017-06-28 15:16 被阅读0次

现象

在使用jQuery对id含有冒号的元素进行append时,总是添加不上,还不报任何异常。很是郁闷……
原写法是这样:

$('#01:01:01professionAddr').append('<div>haoqi</div>');

讲知识

开始以为是id不支持冒号(:),去w3c上查了一下,是这么说的:

规定元素的唯一 id。
命名规则:
必须以字母 A-Z 或 a-z 开头
其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")
值对大小写敏感

id是支持冒号的,经过测试以下语句是能获取到元素对象的

$('#01:01professionAddr').append('<div>zhegehaoyong</div>');

那为啥多个冒号就不好用了呢?

经过多次尝试与在线搜索,发现jQuery会对冒号进行转义……
现在有两种方案可以解决:

1、将所有冒号进行转义,使用<code>\:</code>
2、将所有冒号替换成下划线(_)

参考

JQuery选择器中含有冒号的ID处理差异的分析

相关文章

  • jQuery选择id带冒号的元素

    现象 在使用jQuery对id含有冒号的元素进行append时,总是添加不上,还不报任何异常。很是郁闷……原写法是...

  • jQuery

    jQuery整体框架结构 JQuery选择器 元素选择器 id:通过id属性选取指定元素 .class:通过指定的...

  • jquery学习笔记(一)

    选择器 元素选择器 jQuery元素选择器基于元素名选取元素。选取页面中所有 元素: #id选择器 jQuery ...

  • jquery选择器

    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型...

  • jquery选择器常用小笔记

    jquery 选择器 1.id选择器通过给定的id匹配元素 html代码 jQuery 代码:$("#myDiv"...

  • jquery 选择器

    jquery 选择器实例选取 *$("*")所有元素 #id$("#lastname")id="lastname"...

  • 2018-10-30

    jQuery的选择器 1.基本选择器 $("#id")--->查找id名为id的元素,相...

  • jQuery 选择器

    jQuery 选择器 选择器实例选取*$("*")所有元素#id$("#lastname")id="lastnam...

  • jQuery 选择器

    jQuery 选择器 选择器实例选取 * $("*")所有元素 #id ...

  • jQuery框架

    jQuery 选择器: 一、jQuery 使用 CSS 选择器来选取 HTML 元素 $('#id') $('.c...

网友评论

      本文标题:jQuery选择id带冒号的元素

      本文链接:https://www.haomeiwen.com/subject/ypyucxtx.html