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

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 标签对包裹的代码看成是普通的文本，然后将它显示在网页中。