jQuery对特殊字符进行转义的方法

最新推荐文章于 2021-06-09 11:24:23 发布

EUGL

最新推荐文章于 2021-06-09 11:24:23 发布

阅读量2.2k

点赞数

分类专栏： jQuery 文章标签： jquery转义字符

本文链接：https://blog.csdn.net/qq_19269283/article/details/94487023

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

当我们遇到特殊的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>

EUGL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对特殊字符进行转义的方法

当我们遇到特殊的id名，我们如何使用jquery对含特殊符号的ID进行转义呢？答案是使用双斜杠demo1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery使用双斜杠进行特殊字符转义</title>...
复制链接

扫一扫