JQuery
2016-07-21 23:59
183 查看
jQuery是一个JavaScript库,如今已发展成为集JavaScript、CSS、DOM、Ajax于一体的框架体系。要想用jQuery,首先要安装上jQuery的开发环境。
在jQuery官网:<a href="http://jquery.com">http://jquery.com</a>中下载最新版本的jQuery。
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
jQuery 语法是为HTML元素的选取编制的,可以对元素执行某些操作。
美元符号定义jQuery
选择符(selector)"查询"和"查找"HTML元素
jQuery的action()执行对元素的操作
$(this).hide()- 隐藏当前元素
$("p").hide()- 隐藏所有段落
$(".test").hide()- 隐藏所有class = "test" 的所有元素
$("#test").hide()- 隐藏所有 id = "test" 的元素
轻量级。jQuery非常轻巧,最新的jQuery版本压缩后,大小保持在80k左右。
强大的选择器。jQuery允许使用从CSS1到CSS3几乎所有的选择器,以及jQuery自己的高级而复杂的选择器。甚至你可以编写属于自己的选择器。
出色的DOM操作的封装;jQuery封装了大量常用的DOM操作,让你能轻松地完成各种原本非常复杂的操作。
可靠的事件处理机制;第四章中我们将详细讲解。
完善的Ajax;jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关系复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。在第六章将会重点介绍。
出色的浏览器兼容性等等。但是jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
首先下载jQuery
在jQuery官网:<a href="http://jquery.com">http://jquery.com</a>中下载最新版本的jQuery。
引入jQuery
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
jQuery语法
jQuery 语法是为HTML元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义jQuery选择符(selector)"查询"和"查找"HTML元素
jQuery的action()执行对元素的操作
示例:
$(this).hide()- 隐藏当前元素$("p").hide()- 隐藏所有段落
$(".test").hide()- 隐藏所有class = "test" 的所有元素
$("#test").hide()- 隐藏所有 id = "test" 的元素
jQuery的优势:
轻量级。jQuery非常轻巧,最新的jQuery版本压缩后,大小保持在80k左右。强大的选择器。jQuery允许使用从CSS1到CSS3几乎所有的选择器,以及jQuery自己的高级而复杂的选择器。甚至你可以编写属于自己的选择器。
出色的DOM操作的封装;jQuery封装了大量常用的DOM操作,让你能轻松地完成各种原本非常复杂的操作。
可靠的事件处理机制;第四章中我们将详细讲解。
完善的Ajax;jQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关系复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。在第六章将会重点介绍。
出色的浏览器兼容性等等。但是jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
相关文章推荐
- 程序员都会的 35 个 jQuery 小技巧
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jquery序列化表单
- JQuery摘要
- 前端面试题-----js和jquery的区别是什么?
- 前端面试题-----js和jquery的区别是什么?
- jQuery jqXHR对象的属性和方法
- jQuery 3.0 一个小问题的解决办法
- jQuery 3.0新特性总结
- js与jquery的选项卡切换
- jquery
- jQuery 對table的基本操作
- jQuery 更改checkbox的状态,无效
- jquery操作select
- [ jQuery ] jquery 闭包浅析!
- jQuery 之 序列化 方法(17)
- 简单的 jquery控制表单提交
- jQuery 之 ajaxSend,ajaxSuccess 和 load 方法(16)
- jquery datatables双击,获取行号。
- jquery ajax使用范围