jQuery学习要点笔记

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

jQuery学习要点笔记_第1张图片
jQuery学习要点笔记_第2张图片

一、jQuery安装

jQuery学习要点笔记_第3张图片
如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。

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

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

BootCDN

<head>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
script>
head>

百度 CDN

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
script>
head>

又拍云 CDN

<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
script>
head>

新浪 CDN

<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
script>
head>

Google CDN

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
script>
head>

Microsoft CDN

<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
script>
head>

二、元素选取

jQuery学习要点笔记_第4张图片
这里写图片描述

独立文件中使用 jQuery 函数

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

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

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
script>
<script src="my_jquery_functions.js">script>
head>

三、jQuery事件

href
鼠标事件 键盘事件 表单事件 文档/窗口事件
click() 点击事件 keypress()

你可能感兴趣的:(jQuery)