学习jQuery之旅 - 新手必须知道的常用方法

学习jQuery之旅 - 新手必须知道的常用方法2010-12-15 博客园 GWPBrianjQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。

事件处理

ready（fn）

代码：

$（document）.ready （function（）{
  // Your code here...
}）；

作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。

bind（type,[data],fn）

代码：

$（"p"）.bind（"click", function（）{
  alert（ $（this）.text（） ）;
}）;

作用：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。起到事件监听的作用。

toggle（fn,fn）

代码：

$（"td"）.toggle（
  function （） {
     $（this）.addClass（"selected"）;
  },
  function （） {
    $（this）.removeClass（"selected"）;
  } 
）;

作用：每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。挺有趣的一个函数，在动态实现某些功能的时候可能会用到。

（像click（）,focus（）,keydown（）这样的事件这里就不提了，那些都是开发中比较常用到的。）

外观效果

addClass（class）和removeClass （class）

代码：

$（".stripe tr"）.mouseover （function（）{ 
               $（this）.addClass （"over"）;}）.mouseout（function（）{
                $（this）.removeClass（"over"）;}）
}）;

也可以写成：

$（".stripe tr"）.mouseover（function （） { $（this）.addClass（"over"） }）;
$（".stripe tr"）.mouseout（function（） { $（this）.removeClass（"over"） }）;

作用：为指定的元素添加或移除样式，从而实现动态的样式效果，上面的实例中实现鼠标移动双色表格的代码。