📜  javascript import jquery - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:37.589000             🧑  作者: Mango

JavaScript中引入jQuery

在JavaScript中,引入jQuery库可以为我们提供许多便利的API来操作DOM,处理事件,发送AJAX请求等等。

通过CDN引入jQuery

可以使用CDN(内容分发网络)引入jQuery库,如下:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
通过本地文件引入jQuery

下载jQuery库并将其引入HTML文件中:

<script src="jquery.js"></script>
使用jQuery

通过引入jQuery库,就可以使用其API来操作DOM,例如:

$(document).ready(function() {
  // 当页面加载完成后执行以下代码
  $("button").click(function() {
    // 当按钮被点击时执行以下代码
    $("p").hide();
  });
});

这段代码使用了jQuery中的$函数,它返回的是一个jQuery对象,可以通过链式调用其提供的方法来操作DOM元素。在这个例子中,当页面加载完成后,将为按钮的单击事件添加一个事件处理程序,当按钮被点击时,将隐藏所有段落元素。

更多的jQuery操作DOM的方法和事件处理程序可以在官方文档中找到。