jQuery学习(一):jQuery简介
来源:互联网 发布:十字架首饰 知乎 编辑:程序博客网 时间:2024/06/05 18:22
1 什么是 jQuery ?
jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
- Jquery还提供了大量的插件。
2 为什么使用 jQuery ?
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
很多大公司都在使用 jQuery, 例如:
- Microsoft
- IBM
- Netflix
3 jQuery 安装
网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:
- 从 jquery.com 下载 jQuery 库
- 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
下载 jQuery
有两个版本的 jQuery 可供下载:
- Production version - 用于实际的网站中,已被精简和压缩。
- Development version - 用于测试和开发(未压缩,是可读的代码)
以上两个版本都可以从 jquery.com 中下载。
jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:
<script src="jquery-1.10.2.min.js"></script>
</head>
替代方案
如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。
百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
如果你的站点用户是国内的,建议使用百度、又拍云、新浪等国内CDN地址,如果你站点用户是国外的可以使用谷歌和微软。
注:本站实例均采用百度 jQuery CDN库。
如需从百度、又拍云、新浪、谷歌或微软引用 jQuery,请使用以下代码之一:
Baidu CDN:
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>
又拍云 CDN:
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>
新浪 CDN:
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
Google CDN:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
Microsoft CDN:
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
</head>
许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
4 jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p .test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
什么是事件?
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
- 在元素上移动鼠标。
- 选取单选按钮
- 点击元素
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
常见 DOM 事件:
jQuery 事件方法语法
在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。
页面中指定一个点击事件:
下一步是定义什么时间触发事件。您可以通过一个事件函数实现:
// action goes here!!
});
- jQuery学习(一):jQuery简介
- Jquery学习一(基础简介一)
- jQuery学习笔记(一)_简介
- jQuery学习笔记一(jQuery的简介及安装)
- jQuery学习笔记一:简介
- jQuery 学习笔记(一)——jQuery简介、jQuery语法
- jquery ui (一)简介
- JQuery库:(一)简介
- jQuery学习笔记(一)简介、语法、HIDE实例
- 恶补jquery(一)jquery简介
- **JQUERY**系列一:jQuery简介
- jQuery基础学习一 简介、选择器、事件
- 很容易学习的JQuery库 : (一) 简介
- JQuery 学习(一)
- 学习Jquery(一)
- jquery学习(一)
- 学习JQuery(一)
- jQuery学习(一)
- android开发初期常见错误(待续更新)
- ipa 重签名
- chroot
- cocos2d-x 知识小结(1)zorder和tag
- 4-2电子时钟中的运算符重载
- jQuery学习(一):jQuery简介
- 括号配对问题
- QT跨平台
- Vijos1090. 连续数之和
- JSTL 核心标签库 使用
- less学习(一)
- 多线程GCD 和 NSOperationQueue 多线程编程4 - GCD
- SQL注入漏洞全接触--入门篇
- 家乐福联姻微库玩逆袭,移动营销你造吗?