jQuery使用手册

jQuery使用手册,让你彻彻底底的学会使用jquery。

翻译整理：Young.J 官方网站：

jQuery是一款同prototype一样优秀js开发库类，特别是对css和 XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！

下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip） jQuery Downloads （/src/）

下载完成后先加载到文档中，然后我们来看个简单的例子！ <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("a").click(function() { alert("Hello world!"); }); }); <script>

上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同 理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函 数。

在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元 素,$("#p")表示取id为"p"(<span id="p"></span>)的元素.

我将从以下几个内容来讲解jQuery的使用: 1:核心部分 2:DOM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序

一：核心部分

$(expr)

说 明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式 或一段html字符串 例子： 未执行

jQuery前：

<p>one</p> <div> <p>two</p>

</div> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a>

jQuery代码及功能：

function jq(){ alert($("div > p").html()); }

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的 内容

function jq(){ $("<div><p>Hello</p></div>").appendTo("body"); }

运行：当点击id为test的元素时，向body中添加 “<div><p>Hello</p></div>”

$(elem)

说 明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象参数： elem：通过jQuery对象压缩的DOM元素例子：未执行jQuery前：