一. jQuery 简识:
jQuery 目前是对 JavaScript 对象和函数封装最好的一个程序库。使用 jQuery 使得对浏览器极易兼容,且语法极其简单。深受广大Web开发者的喜爱。
二. jQuery 的用途:
1. 访问和操作 DOM 元素对象
jQuery 可以方便快速的获取页面中指定的元素,并对其进行修改、删除、和移动都有一套方便和快捷的方法。
2. 控制页面的样式
使用 jQuery 可以便捷的控制页面的 CSS 样式,使用很少的代码就可以实现很好的页面体验效果。
3. 对页面的事件处理
引入 jQuery 可以把页面表现和功能开发分开来书写,专注各个层的开发者只用关心自己所关心的层,不用分太多精力到其它层,从而使自己关心的层有良好的质量。
4. 方便的使用 jQuery 插件
jQuery 有大量的插件,使用这些插件可以完善页面的功能和效果。
5. 与 Ajax 技术的完美结合
使用 jQuery 异步读取服务器数据的方法,极大的方便了程序的开发,增强了页面的交互,提升了用户体验,通过其内部对象和函数,也减少了代码的书写。
三. jQuery 的语法和引入
1. jQuery 程序库的引入
<script src="js/jquery-1.8.3.js" type="text/javascript"><script/> //这行代码是引入jQuery 程序库的,其中“ js/jquery-1.8.3.js ” 是 jQuery 程序库的保存路径。
2.jQuery 万变不离其宗的语法结构
$(selector).action();
其中:
$() 称为工厂函数,是用来把找到的指定 DOM 对象转换为 jQuery 对象的,只有转换成了 jQuery 对象才可以使用 jQuery 对象的方法。
selector 称为选择器(万能的选择器),是用来查找文档中的各种对象。
action() 称为 jQuery 对象的方法,使用不同的方法可以实现不同的处理。通过 "." 来调用方法。
例如:$("p").text(); 该语句就是,通过 $("p") 找到页面中所有的 p 标签元素的对象,再调用 text() 方法获得 p 标签所包含的文本内容。
在 jQuery 中很重要的一个就是 selector ,通过选择器可以找到页面中任何一个元素的对象。在通过给这些对象注册事件和调用方法,就可以实现很多页面特效。
jQuery 有很多的选择器,只要学会了使用选择器,也就算对 jQuery 入门了。可以查询 API 来了解 各种选择器和他们的用法。
四.DOM 模型。
一个页面可以看成一个 DOM 模型。
每个 DOM 模型都可以看成是由各个节点组成的。根节点为 <html>
这些节点分为:
元素节点 如 <h2> <div> <p>。
文本节点 如 <h2>h2标签</h2> 该标签的文本“h2标签”就是文本节点。
属性节点 如 <input name="but" /> 该标签的name 属性就是一个属性节点。
五.DOM 对象。
通过 document 的 getElementXXX() 方法可以获得一个或者一组 DOM 对象。
而一个对象就可以看作是一个元素节点。
六.jQuery 对象。
通过 jQuery 的工厂函数可以把一个 DOM 对象转换为一个jQuery 对象。一个 jQuery 对象也是一个元素节点。
七.jQuery 对象和 DOM 对象的相互转换。
jQuery ----> DOM
var j = $("h2")
var d = j[0]; 或者 var d = j.get(0);
DOM -----> jQuery
var j = $("h2");
这样 j 就是一个 jQuery 对像。