Id中带冒号，Jquery如何获取

如果id中存在冒号，例如 <p id="aa:bb:cc">我是一个段落</p>

通过jquery直接使用#id值, 是找不到这个dom对象的,如果想要获取这个id，可以通过以下几种方式：

一、$("#aa\\:bb\\:cc")。 

       双\\先转义为\, 然后jquery内部操作 \：再转义为：   详细的查看为什么，可以参考：https://www.cnblogs.com/lightsong/p/4694528.html

　　冒号（:）属于js中不用转义的普通可见字符， "#a:b" === "#a\:b"

 　　"#a\\:b" 为避免css selector伪类标识符号冲突的解法， 经过 js字符串转义，需要两个反斜杠\， 最后在 querySelectorAll接口中，将\:转换为

二、$("[id ^= 'aa:bb:cc']") 或者  $("[id = 'aa:bb:cc']") 。 

　　$("[id ^= 'aa:bb:cc']") 表示id以‘aa:bb:cc’开头的集合；后者表示id等于‘aa:bb:cc’的集合。

       对于id中含有冒号的情况， 可以使用"[id^='a:b']"的表写方式， 这种不需要对冒号转义， 因为这种格式不存在冲突的可能。

 　   建议 id可变的情况，都使用"[id^='a:b']"方式。

 

补充：

三、document.getElementById("aa:bb:cc"); //非jquery方式，万能的获取id的方式

转载于:https://www.cnblogs.com/lixianfu5005/p/9411239.html