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)查询、查找元素;