首页 > 其他分享 >jQuery使用与语法

jQuery使用与语法

时间:2023-02-20 21:12:31浏览次数:52  
标签:jQuery jquery min js 语法 https 使用

jQuery安装

1.从官网Download jQuery | jQuery下载安装;

2.CDN在线加载:

statistic CDN:https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js

百度CND:https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

GoogleCND:https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

例:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <title>jQuery安装使用</title>
 8     <!-- <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> -->
 9     <script src="jquery-3.6.3.min.js"></script>
10     <script>
11         $(document).ready(function(){
12             $("button").click(function(){
13                 $("p").hide();
14             })
15         })
16     </script>
17 </head>
18 <body>
19     <h1>这是一个标题</h1>
20     <p>这是一个段落</p>
21     <p>这是另一个段落</p>
22     <button>点我</button>
23 </body>
24 </html>

jQuery语法

jQuery语法是通过定位HTML元素,并对其进行操作

基础语法是:

$(selector).action()

  • 美元符定义jQuery;
  • 选择符(selector)查询、查找元素;

标签:jQuery,jquery,min,js,语法,https,使用
From: https://www.cnblogs.com/wenzm/p/17138934.html

相关文章