jQuery使用手册

豆豆网   技术应用频道   2008年01月18日  【字号: 收藏本文

内容摘要:一直使用prototype.js,因为prototype的风格与ruby相似,用起来很舒服;这两天抽空看看jQuery,也是个很优秀的js基础库,特别是在选择器方面,相当实用。

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

  下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip

  jQuery Downloads (http://jquery.com/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支持

作者:Young.J    责编:豆豆技术应用

正在加载评论...