都可以指定三种参数：”slow”,”normal”,”fast”分别是600,400,200ms，都可以设定一个回调函数 自定义动画：Object.animate(params,speed[,callback]);params:key/val的键值对，speed:速度，callback:动画完成执行函数.例如：$(“div”).animate({left:”+=500px”},3000);3s内向右移动500px.其中的值可以是数字，+=代码原来基础上向右500，也可以-=，也可500px

控制滚动条用scrollTop属性

停止动画：stop([clearQueue][,gotoEnd]),两参数都可选同为boolean值，第一个代表是否清空未执行完的动画队列，第二个代表是否直接将正在执行的动画跳转到末状态。默认都为false

判断元素是否正处于动画状态：Object.is(“:animated”)

Object.toggle();交替显示/隐藏元素(可见性)。

Object.slideToggle();交替显示/隐藏元素(元素高度)。

Object.fadeTo();交替显示/隐藏元素(元素不透明度)。可含参数：时间，不透明度

var $XXX = jQuery对象 var XXX=DOM对象

13. jQuery对象和DOM对象间方法不可混用，可将jQuery对象转换成DOM对象后使用原本DOM对象的方法：$XXX[0]或者$XXX.get(0);将DOM对象转换成jQuery对象：var $XXX = $(XXX)，可将XXX的DOM对象转换成jQuery对象

14. 判断复选框是否选中：$XXX.is(“:checked”)

解决和其他js框架的冲突：

① 后导入jQuery库

一开始调用方法：jQuery.noConflict();

使用：其他的可以用$，jQuery的只能用jQuery(“…”)

或者开始定义：var $j = jQuery.noConflict();然后其他的用$，jQuery的用$j(“…”)

共同使用$：

jQuery.noConflict();

(function($){

$(function(){

//jQuery代码可以使用$(“…”)

});

})(jQuery);

//其他js框架使用$(“…”)

② 先导入jQuery库：不需要调用jQuery.noConflict();其他一样使用

判断元素是否存在：

if($(“#id”).length > 0) 或者if($(“#id”)[0]) 而不能用if($(“#id”))

获取对象的属性：Object.attr(“属性的key”)

设置对象的属性：Object.attr(“属性的key”,”属性的val”)或者Object.attr({key:val,key:val…}) 删除对象的属性：Object.removeAttr(“属性的key”)

追加样式：Object.addClass();

修改样式：可用attr来做

移除样式：Object.removeClass();多个之间用空格分隔

? 创建HTML,DOM：$(“HTML标签”)例创建一个li：var $li1=$(“<li></li>”)

添加节点：

Object.append(Object2);在Object中追加Object2。例$(“ul”).append($li1);

Object.appendTo(Object2); 与上一个相反，将Object追加到Object2中。$li1.appendTo(“ul”) Object.prepend(Object2);在Object前追加Object2。

篇四：JQuery中常用的函数方法总结

jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。

事件处理

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");

}

);