jQuery学习要点笔记

墨蓝 2022-05-16 08:45 172阅读 0赞

*   *   *   *  一、jQuery安装
             *  二、元素选取
             *  三、jQuery事件

![这里写图片描述][70]  
![这里写图片描述][70 1]

#### 一、jQuery安装 ####

![这里写图片描述][70 2]  
如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。

BootCDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。

**BootCDN**

**百度 CDN**

**又拍云 CDN**

**新浪 CDN**

**Google CDN**

**Microsoft CDN**

#### 二、元素选取 ####

![这里写图片描述][70 3]  
![这里写图片描述][70 4]

**独立文件中使用 jQuery 函数**

如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。

当我们在教程中演示 jQuery 时，会将函数直接添加到 部分中。不过，把它们放到一个单独的文件中会更好，就像这样（通过 src 属性来引用文件）：

#### 三、jQuery事件 ####

href

<table> 
 <tbody> 
  <tr> 
   <th>鼠标事件</th> 
   <th>键盘事件</th> 
   <th>表单事件</th> 
   <th>文档/窗口事件</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jquery/event-click.html" rel="nofollow">click()</a> 点击事件</td> 
   <td><a href="https://www.runoob.com/jquery/event-keypress.html" rel="nofollow">keypress()</a></td> 
  </tr> 
 </tbody> 
</table>

[70]: /images/20220516/a400366f235547e9b1bc817fd3ab80e5.png
[70 1]: /images/20220516/e191742f385a45b3aebbb6083ec72a5e.png
[70 2]: /images/20220516/f5d5a1f1a8a341c1ad7e64e022c32d49.png
[70 3]: /images/20220516/f0c5ecf066064bf4b2b6939ca103cd22.png
[70 4]: /images/20220516/0874e74c15cd49dfaadebed34e14414e.png