如果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的方式