当我们遇到特殊的id名,我们如何使用jquery对含特殊符号的ID进行转义呢?答案是使用双斜杠
demo1:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery使用双斜杠进行特殊字符转义</title> </head> <body> <div id="a.b">66</div> <div id="a:b">77</div> <div id="[div]">88</div> </body> <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#a\\.b').css('color','red'); $('#a\\:b').css('color','yellow'); $('#\\[div\\]').css('color','green'); }) </script> </html>
对于原生的javascript,就没有对特殊字符进行转义的烦恼
demo2:原生写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery原生写法,不需要对特殊id进行转义</title> </head> <body> <div id="a:b">66</div> <div id="a.b">77</div> <div id="[div]">88</div> </body> <script type="text/javascript"> document.getElementById('a:b').style.color = 'red'; document.getElementById('a.b').style.color = 'yellow'; document.getElementById('[div]').style.color = 'green'; </script> </html>