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