初识jQuery

JQuery简介

jQuery是一个JavaScript工具库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入， jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码， 完成更多复杂而困难的功能，从而得到了开发者的青睐。

jQuery的用途

• 取得页面中的元素
  jQuery为准确获取需要操纵的文档元素，提供了可靠而富有效率的选择符机制。

• 修改页面的外观
  jQuery提供了跨浏览器的标准来解决方案。而且即使在页面已经呈现之后，jQuery仍然能够改变文档中某个部分的类或都个别的样式属性。

• 改变页面的内容
  jQuery能改变文档的内容，可以改变文本、插入或都翻转图像、对列表重新排序，甚至对HTML文档的整个结构都能重写和扩充。

• 响应用户的页面操作
  jQuery提供了截取形形色色的页面事件（比如用户单击一个链接）的适当方式，而不需要使用事件处理程序搞乱HTML代码。

• 为页面添加动态效果
  jQuery中内置的一批淡入、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。

• 无需刷新页面
  jQuery通过消除这一过程中的浏览器特定的复杂性，使开发人员得以专注于服务器端的功能设计。

jQuery的优势

• 轻量级：JQuery非常小,压缩包只有18KB左右
• 强大的选择器：JQuery不仅支持CSS里的所有选择器,还有JQuery独有的选择器
• 出色的DOM操作封装：JQuery封装了大量常用的DOM操作
• 兼容性好：　JQuery能够在不同浏览器中兼容,同时还修复了一些浏览器之间的差异
• 链式编程：　即对发生在同一个JQuery对象上的一组动作,可以直接连写而无需重复获取对象,使得JQuery的代码更加方便
• 隐式迭代：当用JQuery找到带有".class"类的全部元素,然后隐藏它们时,无需循环遍历每个返回的元素
• 丰富的插件支持

jQuery的语法

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

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

• 美元符号定义 jQuery
• 选择符（selector）“查询"和"查找” HTML 元素
• jQuery 的 action() 执行对元素的操作

实例

• $(this).hide() - 隐藏当前元素
• $("p").hide() - 隐藏所有 <p> 元素
• $("p.test").hide() - 隐藏所有 class=“test” 的 <p> 元素
• $("#test").hide() - 隐藏 id=“test” 的元素

选择器 selector

语法：$ (selector)

ID选择器d、标签选择器、类选择器的用法如下：
$ (''#userName); //获取DOM中id为userName的元素
$ ("div"); //获取DOM中所以的div元素
$ (".content"); //获取DOM中class为content的元素

方法 action()

语法：jQuery 对象.addClass([样式名])