jquery 写在html中

安简瑜 3周前 10浏览 0评论

jQuery是一款流行的JavaScript库,设计用于使HTML文档遍历、操作以及根据事件作出交互性反应变得更为便捷。jQuery是一个快速、小巧并且功能强大的JavaScript库,封装了大量常用的JavaScript功能函数和方法,相比原生的JavaScript语言,使用jQuery能够更加快捷便利地完成一些复杂的操作。

在HTML中使用jQuery时,我们需要在HTML文件的头部引入jQuery的库文件,可以从jQuery官网下载并保存到本地,或者引入外部链接。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

引入jQuery库文件之后,我们可以在HTML页面的script标签中编写jQuery代码。下面是一个简单的jQuery代码示例:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle();
  });
});
</script>

以上代码实现的功能是:当页面中的按钮被点击时,页面中的所有p标签将会交替显示和隐藏。$符号是jQuery的中心元素,它代表了从DOM中选择出来的元素,可以对其进行各种操作。

总之,jQuery能够帮助我们更高效、更快捷地对页面进行开发和操作,是一项非常有用的技术。