jQuery代码原封不动的显示在网页中，应该是没有放在script标签中

最新推荐文章于 2024-08-13 11:55:13 发布

码龄3年审核中

最新推荐文章于 2024-08-13 11:55:13 发布

阅读量315

点赞数 3

文章标签： jquery 前端 javascript jQuery 代码不生效 JavaScript代码不生效

本文链接：https://blog.csdn.net/m0_47505062/article/details/140412055

版权

jQuery代码原封不动的显示在网页中，
应该是没有放在script标签中

<body>
<span id="a1">I am a element by id is a1</span>
    $('#a1').attr({'name':'spanDom','title':'a1Title'}); 
    alert($('#a1').attr('id'));
    alert($('#a1').attr('name'));
    alert($('#a1').attr('title'));
</body>

在这里插入图片描述
页面效果如上，想要操作 span 标签，但是既没出现 alert 提示框，操作 span 标签的 jQuery 代码反倒出现在了 html 页面中。
这说明，对 jQuery 和 JavaScript 不是很熟悉，犯了一个最常见的错误，jQuery 和 JavaScript 的代码没有放在 script 标签对里，
正确的代码如下：

<body>
<span id="a1">I am a element by id is a1</span>
<script>
    $('#a1').attr({'name':'spanDom','title':'a1Title'}); 
    alert($('#a1').attr('id'));
    alert($('#a1').attr('name'));
    alert($('#a1').attr('title'));
</script>
</body>

将要操作 html 页面元素（即标签）的代码用 script 标签对装起来，就不会出错了。
页面效果如下：
在这里插入图片描述

不管是 jQuery 还是 JavaScript ，它们的代码一定要放在 script 标签对里面才能生效，否则，html 就只把没有被 script 标签对包裹的代码看成是普通的文本，然后将它显示在网页中。

July2024the14thSunday

码龄3年审核中

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
jQuery代码原封不动的显示在网页中，应该是没有放在script标签中

不管是 jQuery 还是 JavaScript ，它们的代码一定要放在 script 标签对里面才能生效，否则，html 就只把没有被 script 标签对包裹的代码看成是普通的文本，然后将它显示在网页中。这说明，对 jQuery 和 JavaScript 不是很熟悉，犯了一个最常见的错误，jQuery 和 JavaScript 的代码没有放在 script 标签对里，将要操作 html 页面元素（即标签）的代码用 script 标签对装起来，就不会出错了。jQuery代码原封不动的显示在网页中，
复制链接

扫一扫