jQuery的代码一般写在哪里

jQuery的代码

jQuery的代码通过引入HTML的方式,可以写在两个地方,一种是从外部引入的jQuery代码可以写在扩展名为“.js”的文件中,然后通过script标签中的src属性进行引入;另一种是直接写在HTML文档之中,这种内嵌的方法需要将jQuery的代码写在script标签之内。那包含jQuery代码或引入的jQuery文件的script标签又要写在哪里呢?

script标签可以写的三个地方

不管是引入的jQuery代码文件,还是内嵌的jQuery代码,都需要使用到HTML中的script标签,该标签可以大致可以写在三个位置,如下:

  • head标签之内,这可能是用得比较多的方法;
  • 写在body标签之内,可以包含在div内,也可以不包含;
  • 写在HTML文档的底部,即body结束标签和html的结束标签之间;

jQuery的代码一般写在body元素内实例代码

如下这个实例代码,包括在线的编辑器的代码,都是写在当前页面的body元素之内,因此写在编辑器内的script标签自然也是写在body之内的,如下:

<button id="btn" class="btn">jQuery</button>

<script>
  $('#btn').click(function(){
    alert("笨鸟工具,x1y1z1.com");
  })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.