文档介绍：JQuery jQuery 是一个优秀的 JavaScript 框架,它能使用户更方便地处理 HTML 文档、 event s 事件、动画效果和 Ajax 交互等。它的出现极大程度地改变了开发者使用 JavaScript 的习惯, 掀起了一场新的网页革命。 jQuery 由美国 John Resi 于 2006 年最初创建,至今已吸引了来自世界各地的众多 JavaScript 高手加入其团队。最开始的时候, jQuery 所提供的功能非常有限,仅仅可以增强 CSS 的选择器功能。但随着时间的推移, jQuery 的新版本一个接一个地发布, 它也越来越受到人们的关注。 1 初识 JQuery 在 JQuery 中最常用的一个方法就是$() , 它用来搜索 DOM 元素的。如果没有这个方法, JQuery 的意义就不存在了。先来看一段代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> <html xmlns="9/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery Test</title> <script type="text/javascript" src="js/"></script> </head> <body> <div id="result"></div> <script> var target = $("#result"); ("Hello JQuery!").height(60).width(160) .css("border", "2px solid black") .css("background-color", "#ddddff") .css("padding", 20); </script> </body> </html> 使用 JQuery 框架,首先需要在页面中引入 JQuery 的类库文件。上面代码中, 使用$() 函数来获取 id为 result 的元素。$() 函数返回的并不是一个 DOM 对象,而是一个 JQuery 对象。该对象有一系列的方法,这也是我们 JQuery 中的重点。上面使用了 JQuery 对象的 html() 、 width() 、 height() 、 css() 方法, 这些方法都会返回 this , 即当前 JQuery 对象本身。相信这些方法的功能不用解释,你也可以看的出来。同时也相信你可以感觉到了 JQuery 的强大。 JQuery 与其它框架之间的冲突 JQuery 的$() 函数是 JQuery 中的核心函数, 没有这个函数,那 JQuery 就没什么太大用了。但是其它 JavaScript 框架中也可能包含这个方法( 例如 Prototype 框架), 所以 JQuery 允许用户为$() 函数自定义名称。 var myfun = (); var target = myfun( “#result ”); 注意,其中 () 必须放到 JQuery 代码的第一句,然后就可以像使用$() 函数一样的使用 myfun() 函数了。请看清, noConflict() 方法是 jQuery 对象的, 而不是 JQuery 对象,首字母是小写的。 2 获取 jQuery 对象的函数$() 请记住, $() 返回的不是 DOM 对象,而是 JQuery 的对象。并且$() 函数返回的对象可能不只对应一个 DOM 对象, 你可以把$() 函数返回的结果当成一个数组,对$() 返回值上调用的方法都会施加在这个对象内所包含的所有对应 DOM 元素上。下面来看看$() 的使用方法。 $() 核心用法?$(expression, [context]) :其中 expression 可以是 CSS1-3 选择器,也可以是 XPath 表达式。 context 是可选参数, 它表示当前上下文对象, 也就是$() 方法只在当前上下文对象中查询。?$(html, [ownerDocument]) :其中 html 是字符串类型的,它表示一个 DOM 元素。这时$() 会创建 html 对应的 DOM 对象,并包装为 JQuery 对象返回。 ownerDocumen t 参数是可选的, JQuery 会使用 ownerDocument 对象来创建 DOM 对象。?$(ele