如何在HTML页面中链接jQuery？

  • Z时代
  • 2024-01-10
  • 分类：综合

在HTML中链接一个单独的js文件是一件容易的事。我们将在这里看到如何在HTML网页中链接jQuery。链接代码位于<head>标记内。

这是我们的HTML文件，该文件链接到jQuery文件new.js，

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
          height: 100px;
          width: 100px;
          background-color: red;
          border-radius: 5px;
          border: 2px solid blue;
          margin-left: 50px;
          margin-top: 50px;
          display: none;
         }
      </style>
      <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
      <script src="new.js"></script>
   </head>
   <body>
      <div></div>
   </body>
</html>

这是带有方法的new.js文件，该fadeIn()方法可以将选定元素的不透明度从隐藏更改为可见。它指定衰落效果的速度，该速度可以是缓慢的也可以是快速的。

$(document).ready(function() {
  $('div').fadeIn('slow');
});


以上是 如何在HTML页面中链接jQuery？ 的全部内容， 来源链接： utcz.com/z/355670.html

回到顶部