说明
jQuery 是一个 JavaScript 函数库,可大大简化JavaScript编程。
主要用于
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
安装
方案一:下载jQuery-->把jQuery添加到网页
两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
下载地址http://jquery.com/download/
添加到网页的方法:使用 HTML 的 <script> 标签在<head>部分引用即可。
方案二:通过 CDN(内容分发网络) 引用它。
谷歌和微软的服务器都存有 jQuery 。引用方法如下:
Microsoft CDN:
<head><script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>
Google CDN:
<head><script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>
使用谷歌或微软的 jQuery,有一个很大的优势:可提高加载速度,减少加载时间。
语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
为了防止文档在完全加载(就绪)之前运行 jQuery 代码,所有 jQuery 函数位于 document ready 函数中:
$(document).ready(function(){--- jQuery functions go here ----});
共同学习,写下你的评论
评论加载中...
作者其他优质文章