jQuery——基础

jQuery

一、什么是 jQuery ?

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

jQuery库包含以下功能:

l  HTML 元素选取

l  HTML 元素操作

l  CSS 操作

l  HTML 事件函数

l  JavaScript 特效和动画

l  HTML DOM 遍历和修改

l  AJAX

l  Utilities

二、使用jQuery

1.从jquery.com 下载jquery库

有两个版本的 jQuery 可供下载:

l  Production version - 用于实际的网站中,已被精简和压缩。

l  Development version - 用于测试和开发(未压缩,是可读的代码)

以上两个版本都可以从 jquery.com 中下载。

提示:将下载的文件放在网页的同一目录下,就可以使用jQuery了。

 

2.直接从CDN(内容分发网络)中加载jquery,如Google中加载jquery

也就是src=” https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js

像这样直接加载,优势是许多用户在访问其他站点时已经加载过jQuery了,这时会从缓存中加载,可以减少加载时间。

三、jQuery语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法: $(selector).action()

l  美元符号定义 jQuery

l  选择符(selector)"查询"和"查找" HTML 元素

l  jQuery 的 action() 执行对元素的操作

实例:

l  $(this).hide() - 隐藏当前元素

l  $("p").hide() - 隐藏所有 <p> 元素

l  $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

l  $("#test").hide() - 隐藏所有 id="test" 的元素

四、jQuery选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

元素选择器:$(“p”)

#id选择器:$(“#test”)

.class选择器:$(“.test”)

 

当网站包含许多页面时,将jQuery函数独立的放入.js文件,将会使jQuery易于维护

五、jQuery事件

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

l  在元素上移动鼠标。

l  选取单选按钮

l  点击元素

在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

常见 DOM 事件:

$(document).ready() 方法允许我们在文档完全加载完后执行函数

猜你喜欢

转载自www.cnblogs.com/LIAN8/p/10597792.html