{"id":2418,"date":"2013-10-30T17:47:38","date_gmt":"2013-10-30T09:47:38","guid":{"rendered":"https:\/\/sdeno.com\/?p=2418"},"modified":"2017-08-29T10:13:53","modified_gmt":"2017-08-29T02:13:53","slug":"jquery%e7%ac%94%e8%ae%b0","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=2418","title":{"rendered":"jquery\u7b14\u8bb0"},"content":{"rendered":"

\u5355\u5f15\u53f7\uff0c\u53cc\u5f15\u53f7\uff0c\u52a0\u53f7\u7ec4\u5408\u4f7f\u7528\u4f8b\u5b50\uff1a<\/p>\n

<\/div>
<\/div><\/div><\/div>\"xyh\"<\/figure><\/a>\n

\u591a\u4e2a\u5e93\u7684\u51b2\u7a81\u89e3\u51b3\u65b9\u6cd5
\njquery\u5e93\u653e\u5728\u7b2c\u4e09\u65b9\u5e93\u7684\u540e\u9762\u4f7f\u7528\u65f6
\njQuery.noConflict(); \/\/\u4e3b\u52a8\u653e\u5f03\u4f7f\u7528$\u6743\u5229
\nvar $$ = jQuery \/\/\u653e\u5f03$\u5c31\u8981\u53e6\u5916\u81ea\u5b9a\u4e49\u4e00\u4e2a\u53d8\u91cf\u4ee3\u66ff$<\/p>\n

\u300ajQuery\u591a\u7248\u672c\u5171\u5b58<\/a>\u300b<\/p>\n

 <\/p>\n

get(0) \u7b49\u4e8e [0]
\n\u5c42\u6b21\u9009\u62e9\u5668
\n\u540e\u4ee3\u9009\u62e9\u5668\uff1a
\nul li a
\n.find(‘p’) \u540e\u4ee3\u9009\u62e9\u5668\u5bfb\u627e\u5de5\u5177\uff0cfind()\u53e6\u4e00\u79cd\u5199\u6cd5\uff0c<\/p>\n

\u4f8b\u5982\u00a0$(‘.ui-selecter’,this) \u00a0\u7b49\u540c\u00a0jQuery(this).find(“.ui-selecter”);
\n\u5b50\u9009\u62e9\u5668\uff1a
\n> \u5bfb\u627e\u513f\u5b50 \uff08\u517c\u5bb9IE6\uff09
\nchildren() \u540c\u6837\u4e5f\u662f\u5bfb\u627e\u513f\u5b50<\/p>\n

 <\/p>\n

\u5fc5\u987b\u540c\u7ea7\u800c\u4e14\u662f\u201c\u90bb\u8fd1\u201d\u7684\u540e\u201c\u4e00\u4e2a\u201d\u5143\u7d20 \uff08\u6ce8\u610f\uff1a\u5982\u679c\u4e2d\u95f4\u9694\u4e86\u5176\u4ed6\u5143\u7d20\u5219\u4e0d\u4f1a\u518d\u53bb\u5bfb\u627e\uff09
\n+
\nnext()<\/p>\n

 <\/p>\n

\u5bfb\u627e\u4e14\u76f4\u81f3\u627e\u5230\u540c\u7ea7\u7684\u540e\u9762\u5143\u7d20\u5373\u4f7f\u4e2d\u95f4\u9694\u4e86\u5176\u4ed6\u5143\u7d20\u4e5f\u4f1a\u8df3\u8fc7\u627e\u5230\u4e3a\u6b62\u3002
\n~
\nnextAll()
\n\u6ce8\u610f\uff1a\u5982\u679cfind() children() next() nextAll() \u8fd9\u4e9b\u9009\u62e9\u5668\u4e0d\u52a0\u53c2\u6570\u5c31\u76f8\u5f53\u4e8e\u52a0\u4e86*
\nnext() \u53cd\u4e49 prev()
\nnextAll() \u53cd\u4e49 prevAll()<\/p>\n

siblings() \u5bfb\u627e\u4e0a\uff0c\u4e0b\u540c\u7ea7\u7684\u6240\u6709\u5143\u7d20<\/p>\n

nextUntil(‘p’) \u5bfb\u627e\u540c\u7ea7\u7684\u6240\u6709\u5143\u7d20\u76f4\u5230\u9047\u5230\u540c\u7ea7\u7684p\u5c31\u505c\u6b62\u5bfb\u627e<\/p>\n

 <\/p>\n

$(‘#box p’) \u7b49\u540c\u4e8e $(‘p’,’#box’)<\/p>\n

 <\/p>\n

 <\/p>\n

$(document)<\/p>\n

\/\/\u83b7\u53d6document\u7684\u5bbd\u9ad8\u5ea6\u5206\u4e24\u79cd\u60c5\u51b5\uff0c\u9875\u9762\u91cc\u7684\u5185\u5bb9\u5982\u679c\u5927\u4e8e\u6d4f\u89c8\u5668\u53ef\u89c6\u533a\u57df\u4e5f\u5c31\u662f\u51fa\u73b0\u4e86\u6eda\u52a8\u6761\u65f6\uff0c\u90a3\u4e48document\u7684\u5bbd\u9ad8\u6c38\u8fdc\u8ddf\u968f\u7740\u5185\u5bb9\u7684\u5bbd\u9ad8\uff1b<\/p>\n

\/\/\u5982\u679c\u9875\u9762\u91cc\u7684\u5185\u5bb9\u5f88\u5c11\uff0c\u5c0f\u4e8e\u6d4f\u89c8\u5668\u7684\u53ef\u89c6\u533a\u57df\u90a3\u4e48document\u7684\u5bbd\u9ad8\u5c31\u662f\u6d4f\u89c8\u5668\u7684\u7a97\u53e3\u7684\u5bbd\u9ad8<\/p>\n

$(window) \u00a0\/\/ $(window)\u7684\u5bbd\u9ad8 \u4f1a\u968f\u7740\u7a97\u53e3\u6539\u53d8\u800c\u6539\u53d8<\/p>\n

 <\/p>\n

 <\/p>\n

\u8fc7\u6ee4\u9009\u62e9\u5668\uff08\u5176\u5b9e\u5c31\u662fCSS3 \u4f2a\u7c7b\u9009\u62e9\u5668\uff09<\/p>\n

:first \u7b2c\u4e00\u4e2a\u88ab\u9009\u4e2d
\n:last
\n:not(.class) \u9664\u4e86\u62ec\u53f7\u91cc\u9762\u7684 \u5176\u4ed6\u90fd\u88ab\u9009\u4e2d
\n:even \u5076\u6570\uff08\u7d22\u5f15\u662f0\u5f00\u59cb\uff09
\n:odd \u5947\u6570
\n:eq() \u7d22\u5f15\u662f0\u5f00\u59cb \uff08\u62ec\u53f7\u4e5f\u652f\u6301\u5199\u8d1f\u6570\uff0c-1,-2..\u5f00\u59cb\uff09
\n:gt() \u6bd4\u62ec\u53f7\u91cc\u9762\u7684\u6570\u5927\u7684 \u5c31\u88ab\u9009\u4e2d
\n:lt() \u6bd4\u62ec\u53f7\u91cc\u9762\u7684\u6570\u5c0f\u7684 \u5c31\u88ab\u9009\u4e2d
\n:focus() \u83b7\u53d6\u7126\u70b9\uff08\u5c31\u662f\u5149\u6807\u505c\u7559\u7684\u5730\u65b9\uff09<\/p>\n

\u4ee5\u4e0a\u7684\u8fc7\u6ee4\u5668\u90fd\u53ef\u4ee5\u7528\u8fd9\u6837\u65b9\u5f0f\u5199
\n$(‘li’).first()
\n\u9664\u4e86even\u548codd\u6ca1\u6709
\n\u5185\u5bb9\u8fc7\u6ee4\u5668 \u662f\u5bf9\u5b50\u5143\u7d20\u548c\u6587\u672c\u7684\u64cd\u4f5c
\n:contains(text) \u6839\u636e\u6587\u672c\u7684\u5173\u952e\u8bcd\u9009\u4e2d\u6587\u672c\u6240\u5728\u7684\u7236\u5143\u7d20
\n:has(.class) \u9009\u4e2d\u542b\u6709\u513f\u5b50\u662f.class\u7684 \u7236\u4eb2 (\u8fd9\u91cc\u9009\u4e2d\u7684\u5bf9\u8c61\u662f\u7236\u4eb2\u4e0d\u662f\u513f\u5b50\uff0c\u513f\u5b50\u53ea\u662f\u5bfb\u627e\u7236\u4eb2\u7684\u6761\u4ef6)<\/p>\n

$(‘div’).has(‘.me’)\u6548\u679c\u540c\u4e0a
\n:parent \u53ea\u8981\u6709\u5b50\u5143\u7d20\u7684 \u5143\u7d20\u5c31\u4f1a\u88ab\u9009\u4e2d<\/p>\n

.parent() \u9009\u62e9\u5f53\u524d\u5143\u7d20\u7684\u7236\u4eb2
\n.parents() \u4e0d\u4f20\u53c2\u6570\u5c31\u9009\u62e9\u5f53\u524d\u5143\u7d20\u7684\u7236\u4eb2,\u7237\u7237\uff0c\u7956\u7236\u4ee5\u4e0a\u7684\u5168\u90e8\u8f88\u5206\uff0c\u4f20\u53c2\u5c31\u627e\u5230\u6b64\u53c2\u6570\u5c31\u505c\u6b62\u627e<\/p>\n

 <\/p>\n

$(‘li’).closest(‘ul’) \u00a0\/\/\u8ddfparents()\u7c7b\u4f3c\uff0cparents()\u662f\u4ece\u6b64\u5143\u7d20\u7684\u7236\u5143\u7d20\u5f80\u4e0a\u5bfb\u627e\uff0c\u4f46closest()\u662f\u4ece\u672c\u8eab\u5f00\u59cb\u5bfb\u627e\uff0c\u4e0d\u4f20\u53c2\u6570\u6ca1\u6548\u679c\uff0c\u4f20\u53c2\u6570\u5c31\u627e\u5230\u6b64\u53c2\u6570\u7684DOM\u5c31\u505c\u6b62\u5bfb\u627e\u3002<\/p>\n

 <\/p>\n

$(‘li’).offsetParent() \/\/\u4ece\u6b64\u5143\u7d20\u7684\u7236\u4eb2\u5f00\u59cb\u5f80\u4e0a\u5bfb\u627e\u6709position:relative;\u7684\u7956\u7236\u5143\u7d20\uff0c\u6ca1\u6b64\u6837\u5f0f\u9ed8\u8ba4\u627e\u5230body\u3002
\n.parentsUntil() \u9047\u5230\u67d0\u4e00\u4e2a\u957f\u8f88\u5c31\u4f1a\u505c\u6b62\u9009\u4e2d
\n\u53ef\u89c1\u6027\u8fc7\u6ee4\u5668
\n:hidden \u9009\u4e2d\u9690\u85cf\u5143\u7d20
\n:visible \u9009\u4e2d\u663e\u793a\u7684\u5143\u7d20<\/p>\n

$(“img”).error(function(){}); \/\/\u65e0\u6cd5\u6b63\u5e38\u52a0\u8f7d\u89e6\u53d1\u4e8b\u4ef6\uff0c\u4e0d\u517c\u5bb9IE\u3002\u57281.8.0\u4ee5\u540e\u7684\u7248\u672c\u4e0d\u63a8\u8350\u4e86\u4f7f\u7528<\/p>\n

\u63a8\u8350\u4f7f\u7528.on( “error”, handler )<\/p>\n

\u5b50\u5143\u7d20\u8fc7\u6ee4\u5668<\/p>\n

li:first-child \u5148\u83b7\u53d6\u6bcf\u4e00\u62e5\u6709li\u7684\u7236\u4eb2\uff0c\u518d\u83b7\u53d6\u7236\u4eb2\u7684\u7b2c\u4e00\u4e2ali
\nli:only-child \u83b7\u53d6\u5230\u53ea\u6709\u4e00\u4e2a\u5b50\u5143\u7d20\u7684\u7236\u4eb2
\nli:nth-child(even) \u5148\u83b7\u53d6\u6bcf\u4e00\u62e5\u6709li\u7684\u7236\u4eb2\uff0c\u518d\u83b7\u53d6\u5076\u6570\u7684li\u5b50\u5143\u7d20 \uff08\u7d22\u5f15\u4ece1\u5f00\u59cb\uff09<\/p>\n

\u5224\u65ad\u9009\u62e9\u5668<\/p>\n

is() \u7528\u4e8e\u5224\u65ad
\n.is(‘li’) \u53ef\u653e\u9009\u62e9\u5668
\n.is($(‘li’)) \u53ef\u653ejquery\u5bf9\u8c61
\n.is($(‘li’).get(0)) \u53ef\u653eDOM\u5bf9\u8c61
\n$(‘input[type=checkbox]’).is(‘:checked’) \u5224\u65ad\u662f\u5426\u6253\u52fe
\n$(‘input[type=checkbox]’).is(‘:visible’) \u5224\u65ad\u662f\u5426\u663e\u793a\u9690\u85cf
\nhasClass(‘.red’)\u53ea\u80fd\u5224\u65adclass,\u5176\u5b9e\u5185\u90e8\u8c03\u7528\u4e86is(‘.red’)\u53bb\u5b9e\u73b0\u8fd9\u4e2a\u529f\u80fd\uff0c\u4f7f\u7528hasClass()\u662f\u4e3a\u4e86\u8bed\u610f\u5316\u3002<\/p>\n

\r\n$('div').is(function (i,dom) {  \/\/\u904d\u5386\u6240\u6709\u7684div\r\n     console.log(i)  \/\/\u7d22\u5f15\r\n     console.log(dom)  \/\/\u5f53\u524ddom\r\n})\r\n<\/pre>\n
slice(\u7d22\u5f150\u5f00\u59cb,\u7d22\u5f151\u5f00\u59cb) \u00a0\/\/\u7b2c\u4e00\u4e2a\u53c2\u65700\u8868\u793a\u4ece\u6700\u524d\u9762\u5f00\u59cb\uff0c\u7b2c\u4e8c\u4e2a\u53c2\u6570\u8868\u793a\u6570\u91cf<\/p>\n
$(‘p’).slice(0,3) \/\/\u4ece\u6700\u524d\u9762\u5f00\u59cb\u8d77\uff0c\u9009\u62e93\u4e2ap\u5143\u7d20<\/p>\n
slice(\u5355\u4e2a\u6570\u5b57\u7d22\u5f15\u4ece0\u5f00\u59cb) \u00a0\/\/\u5982\u679c\u53ea\u5199\u4e00\u4e2a\u6570\u5b57\uff0c\u7b2c\u4e8c\u4e2a\u53c2\u6570\u9ed8\u8ba4\u662f\u6700\u540e<\/p>\n
slice(-1) \/\/\u8868\u793a\u9009\u4e2d\u6700\u540e\u4e00\u4e2a<\/p>\n
\u00a0https:\/\/sdeno.com\/jq\/slice.html<\/a><\/p>\n
 <\/p>\n
end() \u9009\u4e2d\u4e0a\u4e00\u4e2a\u5143\u7d20\u6216\u72b6\u6001 \uff08\u53ef\u80fd\u662f\u627e\u7236\u4eb2\uff0c\u6216\u8005\u4e0a\u4e00\u4e2a\u76f8\u90bb\u5143\u7d20\uff09<\/p>\n
\u53c2\u8003\uff1a\u300ajquery\u4e2dend()\u7528\u6cd5<\/a>\u300b<\/p>\n
 <\/p>\n
andSelf()<\/a> \u00a0\/\/\u4f5c\u7528\u5f53\u524d\u5143\u7d20\u7684\u540c\u4e8b\u4e5f\u4f5c\u7528\u4e8e\u4e0a\u4e00\u4e2a\u5143\u7d20\u3002\uff08\u5df2\u8fc7\u65f6\u88ab.addBack()\u53d6\u4ee3\uff09
\ncontents() \u9009\u4e2d\u5b50\u5143\u7d20\uff08\u5305\u62ec\u6587\u672c\uff09<\/p>\n
filter(‘.red,:first,:last,#ni,…,’) \u6269\u5c55\u6027\u597d
\nval([‘\u7537’,’\u5973’]) \/\/\u9ed8\u8ba4\u53ef\u4ee5\u83b7\u53d6\u7126\u70b9<\/p>\n
 <\/p>\n
<input type=”checkbox” \/> \u8bbe\u7f6e\u503c\u00a0\u5224\u65ad\u503c<\/p>\n
\u5224\u65ad\u503c\uff1a\u5224\u65ad\u4f7f\u7528$(‘#id’).is(‘:checked’) \u00a0\u6765\u5224\u65ad\u662f\u5426\u88ab\u9009\u4e2d<\/p>\n
\u8bbe\u7f6e\u503c\uff1a$(‘#id’).prop(‘checked’,true) \u00a0\u9009\u4e2d \u00a0 \u00a0 \u00a0$(‘#id’).prop(‘checked’,false) \u53d6\u6d88<\/p>\n
prop\u548cattr\u533a\u522b\u5728\u4e8e \u00a0prop\u4e3b\u8981\u8bbe\u7f6e\u5e03\u5c14\u503c<\/p>\n
 <\/p>\n
attr({‘title’:’\u4f60\u597d’,’class’:’red’,…,})\u591a\u4e2a\u5c5e\u6027\u64cd\u4f5c \u652f\u6301function
\n$.each() \u83b7\u53d6\u5bf9\u8c61\u6570\u7ec4 \u00a0$.each(box,function(attr,value){})<\/p>\n
attr\uff1a\u83b7\u53d6\u5143\u7d20\u5c5e\u6027<\/p>\n
value\uff1a\u83b7\u53d6\u5143\u7d20\u503c<\/p>\n
index\uff1a\u83b7\u53d6\u5143\u7d20\u7d22\u5f15<\/p>\n
$().index() \u00a0\/\/\u7528\u6cd5<\/p>\n
<\/div>
<\/div><\/div><\/div>\"jquery_index\"<\/figure><\/a>\n
 <\/p>\n
 <\/p>\n
element\uff1a\u83b7\u53d6\u5143\u7d20\u539f\u751f\u6001\u5bf9\u8c61<\/p>\n
parseInt(value) \u8f6c\u4e3a\u7eaf\u6570\u5b57\uff08\u540e\u9762\u6ca1\u6709\u5355\u4f4d\uff09
\nwidth() \u83b7\u53d6\u539f\u59cb\u5bbd\u5ea6
\ninnerWidth() \u83b7\u53d6\u539f\u59cb\u5bbd+\u5185\u8fb9\u8ddd\u5bbd
\nouterWidth() \u83b7\u53d6\u539f\u59cb\u5bbd+\u5185\u8fb9\u8ddd\u5bbd+\u8fb9\u6846
\n\u504f\u79fb\u65b9\u6cd5
\noffset() \u76f8\u5bf9\u4e8edocument
\nposition() \u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\uff0c\u5e76\u4e14\u7236\u4eb2\u8981\u6709\u5c5e\u6027position: relative
\nscrollTop() \u83b7\u53d6\u5782\u76f4\u6eda\u52a8\u6761\u7684\u503c<\/p>\n
 <\/p>\n
\u5143\u7d20\u504f\u79fb\u65b9\u6cd5
\n\u52a8\u6001\u521b\u5efahtml
\nappend() \u79fb\u52a8\u9875\u9762\u4e2d\u5df2\u5b58\u5728\u7684\u5143\u7d20\u5230\u5185\u90e8\u540e\u9762$(“p”).append($(‘div’));
\nappendTo() \u6307\u5b9a\u5185\u5bb9\u79fb\u52a8\u5230 \u5185\u90e8\u540e\u9762\u4e0d\u9700\u8981\u521b\u5efa\u00a0$(“<b>Hello World!<\/b>”).appendTo(“p”);
\nprepend()
\nprependTo() \u4e0e\u4e0a\u9762\u76f8\u53cd<\/p>\n
 <\/p>\n
after() \u5916\u90e8\u540e\u9762\u63d2\u5165
\nbefore() \u5916\u90e8\u524d\u9762\u63d2\u5165
\ninsertAfter() \u6307\u5b9a\u5143\u7d20\u79fb\u52a8\u5230 \u5916\u90e8\u540e\u9762
\ninsertBefore() \u6307\u5b9a\u5143\u7d20\u79fb\u52a8\u5230 \u5916\u90e8\u524d\u9762
\nwrap() \u6307\u5b9a\u6bcf\u4e00\u4e2a\u5143\u7d20\u5916\u5305\u88f9\u4e00\u5c42html
\nunwrap() \u5220\u9664\u6307\u5b9a\u5143\u7d20\u5916\u7684\u4e00\u5c42html
\nwrapAll() \u6240\u6709\u7684\u5168\u7d20\u88ab\u5305\u88f9\u5728\u4e00\u5c42html
\nwrapInner() \u6307\u5b9a\u6bcf\u4e00\u4e2a\u5143\u7d20\u5185\u5305\u88f9\u4e00\u5c42html<\/p>\n
clone(true) \u5982\u679c\u5728clone()\u91cc\u9762\u52a0\u5165true\u6765\u514b\u9686\u4e00\u4e2a\u6709\u89e6\u53d1\u4e8b\u4ef6\u7684\u5143\u7d20\u90a3\u4e48\u514b\u9686\u7684\u8fd9\u4e2a\u5143\u7d20\u7684\u540c\u65f6\u4e5f\u628a\u4e8b\u4ef6\u4e5f\u514b\u9686\u4e86\uff0c\u9ed8\u8ba4\u662ffalse
\nremove(‘.box’)\u5220\u9664\u4e00\u4e2aclass\u662fbox\u7684\u5143\u7d20\uff0c\u5982\u679c\u5220\u9664\u540e\u5728\u6dfb\u52a0\u82e5\u662f\u6709\u89e6\u53d1\u4e8b\u4ef6\u662f\u4e0d\u4f1a\u4fdd\u7559\uff0c\u53cd\u4e4b\u5982\u679c\u5220\u9664\u540e\u4fdd\u7559\u4e8b\u4ef6\u7528
\ndetach()\u5220\u9664
\nempty()\u6e05\u7a7a\u5143\u7d20\u7684\u6240\u6709\u540e\u4ee3\uff0c\u4fdd\u7559\u81ea\u5df1
\nreplaceWith(‘<div>\u4f60\u597d<\/div>’) \u66ff\u6362\u8fde\u6807\u7b7e\u4e5f\u4f1a\u66ff\u6362\uff0c\u89e6\u53d1\u4e8b\u4ef6\u4e5f\u4f1a\u6d88\u5931\u3002\uff08\u7c7b\u4f3c\u526a\u5207\u529f\u80fd\uff0c\u800c\u4e0d\u662f\u590d\u5236\u539f\u6765\u7684\u53bb\u66ff\u6362\u5339\u914d\u7684\u5143\u7d20\uff09<\/p>\n
 <\/p>\n
\u8868\u5355\u9009\u62e9\u5668
\n$(‘:input[type=][name=]’)
\n$(‘:input’) \u9009\u53d6\u6240\u6709html\u7684input textarea button select\u5143\u7d20
\n\u8868\u5355\u8fc7\u6ee4\u5668
\n:enable \u9009\u62e9\u53ef\u7528\u7684\u5143\u7d20 \u00a0$(‘form :enabled’)\u76ee\u524d\u53ef\u7528\u5143\u7d20
\n:disable \u9009\u62e9\u4e0d\u53ef\u7528\u5143\u7d20
\n:checked \u9009\u62e9 \u5df2\u7ecf\u88ab\u9009\u4e2d\u7684\u5143\u7d20
\n:selected\u9009\u4e2d\u7684\u4e0b\u62c9\u5217\u8868<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
\u00a0jQuery \u4e2dbind(),live(),delegate(),on() \u533a\u522b<\/a><\/p>\n
\u89e6\u53d1\u4e8b\u4ef6
\nbind() \u00a0\/\/ \u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u8981\u7b49\u9875\u9762\u52a0\u8f7d\u5b8c\u624d\u80fd\u6267\u884c\u3002<\/p>\n
.on()<\/a> \/\/\u53ef\u4ee5\u7ed1\u5b9a\u4e00\u4e2a\u6216\u591a\u4e2a\u4e8b\u4ef6\uff0c\u8ddfbind()\u529f\u80fd\u7c7b\u4f3c\u4f46\u662f\u6bd4bind\u597d\u7684\u662f\u4e0d\u5fc5\u8981\u7b49\u9875\u9762\u52a0\u8f7d\u5b8c\u4e5f\u80fd\u6267\u884c\u00a0on()<\/a>
\nclick() \u9f20\u6807\u5de6\u952e\u5355\u673a\u65f6\u5019\u89e6\u53d1\u4e8b\u4ef6
\ndblclick() \u53cc\u51fb\u65f6\u5019
\nmousedown() \u9f20\u6807\u5728\u5143\u7d20\u4e0a\u70b9\u51fb\u89e6\u53d1\u4e8b\u4ef6
\nmouseup() \u9f20\u6807\u5de6\u952e\u70b9\u51fb\u677e\u5f00\u540e\u89e6\u53d1\u4e8b\u4ef6
\nresize() \u7a97\u53e3\u5927\u5c0f\u6539\u53d8\u89e6\u53d1\u4e8b\u4ef6
\nscroll() \u9f20\u6807\u6eda\u52a8\u5c31\u89e6\u53d1\u4e8b\u4ef6
\nselect() \u6587\u672c\u9009\u4e2d\u540e\u677e\u5f00\u9f20\u6807\u7684\u65f6\u5019
\nchange()<\/a> \u6587\u672c\u6539\u53d8\u65f6\u5019\u89e6\u53d1
\nsubmit() \u8868\u5355\u63d0\u4ea4\u4f5c\u7528\u4e0eform<\/p>\n
 <\/p>\n
one() \u00a0\/\/\u540c\u6837\u4e5f\u662f\u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u4f46\u662f\u53ea\u4f1a\u6267\u884c\u4e00\u6b21<\/p>\n
\u91cd\u70b9\uff1a
\nmouseover() \u9f20\u6807\u7ecf\u8fc7\u6307\u5b9a\u5143\u7d20\u89e6\u53d1\u4e8b\u4ef6
\nmouseout() \u9f20\u6807\u79bb\u5f00\u6307\u5b9a\u5143\u7d20\u89e6\u53d1\u4e8b\u4ef6<\/p>\n
\u4ee5\u4e0a\u4e8b\u4ef6\u6307\u5b9a\u7684\u5143\u7d20\u7684\u5b50\u8282\u70b9\u4e5f\u4f1a\u88ab\u89e6\u53d1\u4e8b\u4ef6<\/p>\n
mouseenter() \u53ea\u9488\u5bf9\u9f20\u6807\u7ecf\u8fc7\u6307\u5b9a\u5143\u7d20\u89e6\u53d1\u4e8b\u4ef6 \uff08\u4e13\u4e00\u5143\u7d20\uff09
\nmouseleave() \u53ea\u9488\u5bf9\u9f20\u6807\u79bb\u5f00\u6307\u5b9a\u5143\u7d20\u89e6\u53d1\u4e8b\u4ef6<\/p>\n
\u4ee5\u4e0a\u4e8b\u4ef6\u6307\u5b9a\u7684\u5143\u7d20\u7684\u5b50\u8282\u70b9\u4e0d\u4f1a\u88ab\u89e6\u53d1\u4e8b\u4ef6
\nfocus \u5149\u6807\u6240\u5728\u7684\u5730\u65b9\u5c31\u6fc0\u6d3b\u4e8b\u4ef6 \u53ea\u5bf9input\u6709\u6548
\nblur \u5149\u6807\u4e22\u5931\u7684\u5730\u65b9\u5c31\u6fc0\u6d3b\u4e8b\u4ef6 \u53ea\u5bf9input\u6709\u6548
\n\u590d\u5408\u4e8b\u4ef6
\nhover() \u662fmouseenter()\u548cmouseleave()\u7ed3\u5408\u4f53<\/p>\n
event\u5bf9\u8c61\u5c5e\u6027<\/p>\n
type<\/span> \u83b7\u53d6\u8fd9\u4e2a\u4e8b\u4ef6\u7684\u4e8b\u4ef6\u7c7b\u578b\u5b57\u7b26\u4e32 alert(e.type)<\/p>\n
target<\/span> \u83b7\u53d6\u89e6\u53d1\u5143\u7d20\u7684DOM\uff0c\u70b9\u54ea\u91cc\u5c31\u83b7\u53d6\u54ea\u91cc\u7684DOM\u4e0d\u8003\u8651\u8c01\u91cd\u53e0\u8c01 (e.target)
\ncurrentTarget<\/span> \u83b7\u53d6\u76d1\u542c\u5143\u7d20\u7684DOM\uff0c\u7ed1\u5b9a\u8c01\u5c31\u83b7\u53d6\u8c01\u7684DOM $(‘.move’).click ..\u5f97\u5230\u7684\u662f.move\u7684DOM\uff08\u4e13\u4e00\uff09
\nalert(e.currentTarget)=alert(this)<\/p>\n
relatedTarget<\/span> \u4e00\u822c\u914d\u5408mouseover\u548cmouseout\u4f7f\u7528\u3002\u5148\u7ed1\u5b9a\u4e00\u4e2a\u5143\u7d20\u4e3a\u4e2d\u5fc3\uff0c\u4ece\u5176\u4ed6\u5143\u7d20mouseover\u5230\u4e2d\u5fc3\u5143\u7d20\u65f6\uff0c\u5c31\u4f1a\u83b7\u53d6\u8fd9\u4e2a\u5176\u4ed6\u5143\u7d20\u7684DOM
\n\u4ece\u4e2d\u5fc3\u5143\u7d20mouseout\u5230\u5176\u4ed6\u5143\u7d20\u65f6\uff0c\u5c31\u4f1a\u83b7\u53d6\u5230\u8fd9\u4e2a\u5176\u4ed6\u5143\u7d20\u7684DOM\u3002<\/p>\n
<\/div>
<\/div><\/div><\/div>\"e.re\"<\/figure><\/a>\n
\u00a0\u5728\u7ebf\u6f14\u793a<\/a>
\ndata<\/span> \u83b7\u53d6\u4e8b\u4ef6\u8c03\u7528\u65f6\u7684\u989d\u5916\u6570\u636e\uff0c\u5c31\u662f\u5728\u6b63\u5e38\u8c03\u7528\u4e00\u4e2a\u4e8b\u4ef6\u7684\u540c\u65f6\u53ef\u4ee5\u7ed9\u4e8b\u4ef6\u6dfb\u52a0\u4e00\u4e9b\u989d\u5916\u6570\u636e\u5e76\u83b7\u53d6
\n\u989d\u5916\u6570\u636e\u53ef\u4ee5\u662f\u6570\u5b57\uff0c\u5b57\u7b26\u4e32\uff0c\u6570\u7ec4\uff0c\u5bf9\u8c61\u3002\u83b7\u53d6\u65b9\u6cd5\uff1aalert(e.data)
\n\u6570\u5b57\uff1aclick(123,function(){})<\/p>\n
\u5b57\u7b26\u4e32\uff1aclick(‘abc’,function(){})
\n\u6570\u7ec4\uff1aclick([1,2,3,’a’],function(){}) \u5982\u4f55\u83b7\u53d6\u6570\u7ec4\u4e2d\u7684a, alert(e.data[3])
\n\u5bf9\u8c61\uff1aclick({user:’\u4f60\u597d’,age:100},function(){})\u5982\u4f55\u83b7\u53d6\u5bf9\u8c61\u4e2d\u7684age, alert(e.data.age)<\/p>\n
pageX pageY<\/span> \u539f\u70b9\uff1a\u5c31\u662f\u9875\u9762\u6700\u5de6\u4e0a\u89d2\u3002\u539f\u70b9\u4f4d\u7f6e\u4e0d\u4f1a\u968f\u7740\u6eda\u52a8\u6761\u53d8\uff0c\u539f\u70b9\u6c38\u8fdc\u5728\u53ef\u89c6\u9875\u9762\u6eda\u52a8\u6761\u9876\u90e8\u7684\u6700\u5de6\u4e0a\uff0c\u503c\u4f1a\u8ddf\u6eda\u52a8\u6761\u53d8\u3002
\nscreenX screenY<\/span> \u539f\u70b9\uff1a\u5c31\u5728\u7269\u7406\u7535\u8111\u5c4f\u5e55\u7684\u6700\u5de6\u4e0a\uff0c\u503c\u4e0d\u4f1a\u8ddf\u6eda\u52a8\u6761\u53d8\u3002
\nclientX clientY<\/span> \u539f\u70b9\uff1a\u5c31\u5728\u53ef\u89c6\u9875\u9762\u7684\u6700\u5de6\u4e0a\uff0c\u539f\u70b9\u56fa\u5b9a\u60ac\u6d6e\u5728\u53ef\u89c6\u9875\u9762\u7684\u6700\u5de6\u4e0a\uff0c\u503c\u4f1a\u8ddf\u6eda\u52a8\u6761\u53d8\u3002<\/p>\n
result \u83b7\u53d6\u4e0a\u4e00\u4e2a\u4e8b\u4ef6\u7684\u8fd4\u56de\u503c
\nwhich \u5224\u65ad\u9f20\u6807\u5de6\u4e2d\u53f3\u952e\uff0c\u6216\u8005\u952e\u76d8\u6309\u952e\u3002<\/p>\n
 <\/p>\n
\u4e3a\u5143\u7d20\u8bbe\u7f6e\u4e34\u65f6\u6570\u636e
\n\u65b9\u5f0f\u4e00\uff1a\/\/\u8bbe\u7f6e\u5355\u4e2a\u6570\u636e
\n$(“div”).data(“greeting”, “Hello World”); \/\/\u4e3agreeting\u8bbe\u7f6e\u503c
\n$(“div”).data(“greeting”) \/\/\u53d6\u503c
\n\u65b9\u5f0f\u4e8c\uff1a\/\/\u8bbe\u7f6e\u591a\u4e2a
\n$(‘#container’).data(‘data1’,{num:123,num2:456})
\n$(‘#container’).data(‘data1’).num;
\n\u65b9\u5f0f\u4e09\uff1a\/\/\u4e8b\u4ef6\u9644\u52a0 \u4e34\u65f6\u6570\u636e
\n$(‘div’).click({ni:’\u4f60’,ta:’\u4ed6’},function(e){
\nalert(e.data.ni) \/\/\u4f60
\n});
\n\u65b9\u5f0f\u56db\uff1a
\n$.data($(‘div’)[0], ‘name’,’jack’); \/\/\u8bbe\u7f6e\u5355\u4e2a\u503c
\n$.data($(‘div’)[0],{wo:123,ni:456}); \/\/\u8bbe\u7f6e\u591a\u4e2a\u503c
\n$.data($(‘div’)[0],’ni’) \/\/ \u53d6\u503c<\/p>\n
$(“div”).removeData(“greeting”); \u00a0\/\/\u79fb\u9664\u4e34\u65f6\u6570\u636e<\/p>\n
\u5224\u65ad\u67d0\u5143\u7d20\u662f\u5426\u9644\u52a0\u4e34\u65f6\u6570\u636e
\n$.hasData($(‘#xx’)[0]) \/\/\u5e03\u5c14\u503c<\/p>\n
data\u53c2\u8003<\/a><\/p>\n
\u8fd8\u53ef\u4ee5\u83b7\u53d6\u81ea\u5b9a\u4e49\u7684\u5c5e\u6027\u503cdata-*\uff0c\u7528data()\u83b7\u53d6\u503c\u4e4b\u540e\uff0c\u65e0\u8bba\u600e\u4e48\u4fee\u6539data-*\u4e2d\u7684\u5c5e\u6027\u503c\u4e4b\u524d\u7528data()\u83b7\u53d6\u5230\u7684\u503c\u4e0d\u4f1a\u6539\u53d8\u3002<\/p>\n
\u00a0<div data-role = \"page\" data-last-value = \"43\" data-hidden = \"true\" data-options = '{\"name\":\"John\"}' > <\/div>\r\n\r\n$ ( \"div\" ) . data ( \"role\" ) === \"page\" ;\r\n$ ( \"div\" ) . data ( \"lastValue\" ) === 43 ;\r\n$ ( \"div\" ) . data ( \"hidden\" ) === true ;\r\n$ ( \"div\" ) . data ( \"options\" ) . name === \"John\" ;<\/pre>\n
\u53c2\u8003<\/a><\/p>\n
 <\/p>\n
$.callbacks()\u51fd\u6570\u56de\u8c03\u7ba1\u7406<\/a><\/p>\n
$.ajax\u53c2\u80031<\/a><\/p>\n
$ajax\u53c2\u80032<\/a><\/p>\n
\u5192\u6ce1\u884c\u4e3a
\n\u5c42\u4e0e\u5c42\u5305\u88f9\u7740\u5982\u679c\u6709\u76f8\u540c\u7684\u4e8b\u4ef6\u4f1a\u5192\u6ce1\uff0c\u6240\u4ee5\u8981\u963b\u6b62\u3002
\n\u6dfb\u52a0\u4e00\u4e2a\u5bf9\u8c61e.stopPropagation() \/\/\u653e\u5728\u4ee3\u7801\u6700\u524d\u9762<\/p>\n
e.isPropagationStopped() \u00a0\/\/\u5224\u65ad\u662f\u5426\u963b\u6b62\u5192\u6ce1<\/p>\n
 <\/p>\n
\u963b\u6b62\u5192\u6ce1\u8fd8\u6709\u53e6\u4e00\u4e2a\u65b9\u6cd5e.stopImmediatePropagation();<\/p>\n
(\u9002\u7528\u573a\u666f\u7c7b\u4f3c\u4e8eajax\u4e3a\u8ffd\u52a0\u7684dom\u7ed1\u5b9a\u4e8b\u4ef6\uff0c\u9632\u6b62\u91cd\u590d\u7ed1\u5b9a\u4e8b\u4ef6\u9020\u6210\u591a\u6b21\u6267\u884c\u5c31\u53ef\u4ee5\u4f7f\u7528\u66b4\u529b\u963b\u6b62\u5192\u6ce1\u65b9\u6cd5)<\/p>\n
$('a').click(function (e) {\r\n e.stopPropagation(); \/\/\u666e\u901a\u7684\u963b\u6b62\u5192\u6ce1\u4f1a\u5f39\u51faa1\u548ca2\uff0c\u4e0b\u9762\u7684\u4e0d\u4f1a\u5f39<\/span>\r\n alert('a1');\r\n });\r\n \r\n $('a').click(function (e) {\r\n alert('a2');  \/\/\u8fd9\u91cc\u4ee3\u7801\u4f1a\u6267\u884c<\/span>\r\n });\r\n \r\n $('div').click(function (e) {\r\n alert('div');\r\n });\r\n \r\n $(document).click(function () {\r\n alert('document');\r\n });\r\n\r\n\r\n\/\/\u66b4\u529b\u963b\u6b62\u5192\u6ce1\r\n$('a').click(function (e) {\r\n e.stopImmediatePropagation();  \/\/\u4e0d\u4ec5\u963b\u6b62\u4e86\u5192\u6ce1\uff0c\u8fde\u540e\u7eed\u7684\u540cdom\u7ed1\u5b9a\u7684\u540c\u4e8b\u4ef6\u4e5f\u963b\u6b62\u4e86\uff0ca2\u4e0d\u80fd\u5f39\u7a97<\/span>\r\n alert('a1');\r\n});\r\n \r\n $('a').click(function (e) {\r\n alert('a2');  \/\/\u8fd9\u91cc\u4ee3\u7801\u4e0d\u4f1a\u6267\u884c<\/span>\r\n });\r\n \r\n $('div').click(function (e) {\r\n alert('div');\r\n });\r\n \r\n $(document).click(function () {\r\n alert('document');\r\n });\r\n\r\ne.isImmediatePropagationStopped() \/\/\u5224\u65ad\u662f\u5426\u5f00\u542f\u4e86\u66b4\u529b\u963b\u6b62\u5192\u6ce1<\/pre>\n
\u300ahtml\u4e2d\u9ed8\u8ba4\u884c\u4e3a\u6709\u54ea\u4e9b<\/a>\u300b<\/p>\n
\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a\uff08\u4ec0\u4e48\u662f\u9ed8\u8ba4\u884c\u4e3a\uff1f\u4f8b\u5982\u70b9\u51fba\u94fe\u63a5\u540e\u4f1a\u9ed8\u8ba4\u8df3\u8f6c\u5230\u6307\u5b9a\u9875\u9762\uff0c\u8fd8\u6709\u70b9\u51fb\u8868\u5355\u63d0\u793asubmit\u6309\u94ae\u4f1a\u81ea\u52a8\u8df3\u8f6c\u5230action\u7684\u6307\u5411\u5730\u5740\u9875\u9762\uff09
\ne.prevenDefault() \u00a0\/\/\u963b\u6b62\u9ed8\u8ba4\u884c\u4e3a\uff0c\u653e\u5728\u4ee3\u7801\u6700\u524d\u9762
\n\u7981\u6b62\u8868\u5355\u63d0\u4ea4\u540e\u81ea\u52a8\u9ed8\u8ba4\u8df3\u8f6c
\ne.prevenDefault()\u00a0\/\/\u653e\u5728\u4ee3\u7801\u6700\u524d\u9762<\/p>\n
e.isDefaultPrevented() \u00a0\/\/\u5224\u65ad\u662f\u5426\u963b\u6b62\u4e86\u9ed8\u8ba4\u884c\u4e3a<\/p>\n
\u540c\u65f6\u963b\u6b62\u5192\u6ce1\u548c\u9ed8\u8ba4\u884c\u4e3areturn false \u00a0\/\/\u653e\u5728\u4ee3\u7801\u6700\u540e\u9762
\n\u53d6\u6d88\u5192\u6ce1
\n\u53ef\u4ee5\u5728\u4e00\u4e2a\u4e2a\u540e\u7eed\u5143\u7d20\u4e2d\u52a0e.stopPropagation()\u53d6\u6d88\u5192\u6ce1\uff0c\u4e3a\u4e86\u65b9\u4fbf\u53ef\u4ee5\u4f7f\u7528stopImmediatePropagation()\u53d6\u6d88\u540e\u7eed\u540c\u6837\u7684\u89e6\u53d1\u4e8b\u4ef6<\/p>\n
 <\/p>\n
 <\/p>\n
\u9ad8\u7ea7\u4e8b\u4ef6<\/p>\n
\u6a21\u62df\u64cd\u4f5c \u5c31\u76f8\u5f53\u4e8e\u7535\u8111\u6a21\u4eff\u7528\u6237\u53bb\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u4e00\u6837\uff0c\u8fd9\u4e2a\u5c31\u662f\u7b80\u5355\u7684\u6a21\u62df\u64cd\u4f5c
\n.trigger();
\n\u53ea\u6a21\u62df\u4e00\u6b21
\n$(‘input’).click(function(e,data1,data2,data3,data4){
\nalert(data1+data2+data3[1]+data4.user);
\n}).trigget(‘click’,[‘\u4f60\u597d’,’123′,[‘a’,’b’],{user:’\u4f60\u597d’}]);<\/p>\n
\u4f20\u9012\u6570\u636e \u6570\u7ec4 \u5bf9\u8c61\u5199\u6cd5
\n\u81ea\u5b9a\u4e49\u4e8b\u4ef6 \u81ea\u5df1\u53d6\u540d\u5b57\u7684\u4e8b\u4ef6
\n\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u4e00\u822c\u914d\u5408trigger()\u4e8b\u4ef6<\/p>\n
triggerHandler()\u8ddftrigger()\u67094\u4e2a\u533a\u522b<\/p>\n
1\uff0ctriggerHandler()\u80fd\u6a21\u62df\u4e8b\u4ef6\u4f46\u662f\u963b\u6b62\u4e86\u9ed8\u8ba4\u884c\u4e3a\uff0c\u800ctrigger()\u4f1a\u3002<\/p>\n
2\uff0ctriggerHandler()\u53ea\u80fd\u963b\u6b62\u4e00\u6b21\u9ed8\u8ba4\u884c\u4e3a<\/p>\n
3\uff0ctriggerHandler(function(){}) return\u8fd4\u56de\u53ea\u662f\u503c\uff0c\u800ctrigger()\u8fd4\u56de\u7684\u662fjquery\u5bf9\u8c61,\u8bf4\u660e\u53ef\u4ee5\u4f7f\u7528\u8fde\u7f00\u529f\u80fd<\/p>\n
4\uff0ctrigger()\u4f1a\u5192\u6ce1 triggerHandler()\u4e0d\u4f1a
\n\u547d\u540d\u7a7a\u95f4<\/p>\n
\u5982\u679c\u8981\u79fb\u9664\u67d0\u4e00\u4e2a\u4e8b\u4ef6\u65f6\u5019\u9700\u8981\u5230\uff0c\u4f8b\u5982 $(‘input’).bind(‘click.abc’function(){}) ,\u8fd9\u6837\u5c31\u80fd\u9009\u4e2d\u8fd9\u4e2a.abc\u4e8b\u4ef6\u4e86<\/p>\n
\/\/\u70b9\u51fb#d\u5143\u7d20 2\u4e2aclick\u4e8b\u4ef6\u90fd\u4f1a\u6267\u884c\r\n$('#d').on('click.a',function(){\r\n  alert('a');\r\n});\r\n\r\n$('#d').on('click.b',function(){\r\n  alert('b');\r\n});\r\n\r\n$('#d').off('click.a'); \/\/\u5c06click.a\u89e3\u7ed1\uff0c\u53ea\u6709click.b\u80fd\u89e6\u53d1\u4e86,\u8fd9\u4e5f\u5c31\u662f\u547d\u540d\u7a7a\u95f4\u7684\u4f5c\u7528\uff0c\u540c\u6837\u4e5f\u80fd\u9002\u7528\u5176\u4ed6\u4e8b\u4ef6<\/pre>\n
\u52a8\u753b
\nshow()\u548chide()\u5176\u5b9e\u5c31\u662f\u5229\u7528\u4e86CSS\uff0cdisplay:none\u5c5e\u6027\u3002
\n\u4f7f\u7528\u65b9\u6cd5\uff1a
\nshow(1000) 1\u79d2\u65f6\u95f4\u5185\u663e\u793a<\/p>\n
.show(‘slow’,function(){\u663e\u793a\u5b8c\u6bd5\u540e\u6267\u884c\u8fd9\u91cc});
\n\u5217\u961f\u52a8\u753b\uff0c\u9012\u5f52\u81ea\u8c03\u7528
\n$(‘.test’).first().show(‘slow’,function testShow(){
\n$(this).next().show(‘slow’,testShow);
\n});
\n\u5faa\u73af\u8c03\u7528\uff0c\u6709\u70b9\u7c7b\u4f3c\u6b7b\u5faa\u73af\uff0c\u4f46jQuery\u4e0d\u4f1a\u62a5\u9519
\nshow()\u548chide()\u8981\u5b9e\u73b0\u4e00\u4e2a\u6309\u94ae\u5207\u6362\uff0c\u662f\u9700\u8981\u6761\u4ef6\u5224\u65ad\u7684\uff0c
\ntoggle()\u5c31\u53ef\u4ee5\u5b9e\u73b0\u663e\u793a\u9690\u85cf\u7684\u76f8\u4e92\u5207\u6362<\/p>\n
 <\/p>\n
slideUp(‘slow’)\u5411\u4e0a\u6536\u7f29
\nslidedown()\u5411\u4e0b\u5c55\u5f00
\nslideToggle()\u4e0a\u4e0b\u5207\u6362\u6548\u679c
\nfadeOut() \u6e10\u6e10\u6d88\u5931
\nfadeIn() \u6e10\u6e10\u663e\u793a
\nfadeToggle()
\nfadeTo(‘slow’,0.33); \u6de1\u51fa\u52300.33 \/\/\u6ce8\u610f\u5982\u679c\u70b9\u4e86\u6de1\u51fa\u52300.33\u4ee5\u540e\u7684 \u6de1\u5165\u7684\u65f6\u5019\u4e5f\u5c31\u53ea\u80fd\u663e\u793a\u52300.33\u6548\u679c<\/p>\n
 <\/p>\n
animate\u52a8\u753b<\/span><\/p>\n
\/\/\u4ee3\u7801\u98ce\u683c1\r\n$('div').animate({width:'100px'},400,swing,function(){  \/\/\u6210\u529f\u540e\u56de\u8c03  });\r\n\r\n\/\/\u98ce\u683c2\r\n$('div').animate({\r\n    left:'200px'\r\n },{\r\n    duration:2300, \/\/\u52a8\u753b\u6301\u7eed\u65f6\u95f4\r\n    easing:'swing', \/\/\u52a8\u753b\u8fd0\u52a8\u6548\u679c\r\n    queue:true, \/\/true\u65f6\uff0c\u63a5\u5728\u540e\u9762\u7684\u52a8\u753b\u540c\u6b65\uff0cfalse\u65f6\uff0c\u63a5\u5728\u540e\u9762\u7684\u52a8\u753b\u5f02\u6b65\r\n    specialEasing: { \/\/\u4e3a\u6bcf\u4e2a\u8fc7\u6e21\u5c5e\u6027\u8bbe\u7f6e\u4e0d\u540c\u7684easing\u8fd0\u52a8\u6548\u679c\r\n      width: \"linear\",\r\n      height: \"easeOutBounce\"\r\n    },\r\n    step:function(now,tween){ \/\/\u76d1\u542c\u67d0\u4e00\u4e2a\u5c5e\u6027\u503c\u53d8\u5316\u8fc7\u7a0b\r\n      if( tween.prop=='left' ){\r\n         document.title=tween.now\r\n      }\r\n    },\r\n    progress:function(a,b,c){ \/\/\u76d1\u542c\u52a8\u753b\u8fc7\u7a0b\r\n     \/\/ console.log(a); \/\/\u603b\u4f53\u4fe1\u606f\r\n     \/\/ console.log(b); \/\/\u6574\u4e2a\u52a8\u753b\u8fd0\u52a8\u8fc7\u7a0b\u7684\u767e\u5206\u6bd4\r\n     \/\/ console.log(c); \/\/duration\u65f6\u95f4\u7684\u53d8\u5316\u8fc7\u7a0b\r\n    },\r\n    complete:function(){}, \/\/\u6210\u529f\u540e\u56de\u8c03\r\n    start:function(a){}, \/\/\u5f00\u59cb\u524d\u56de\u8c03,\u8d77\u5230\u521d\u59cb\u5316\u503c\u4f5c\u7528\r\n    done:function(a){}, \/\/\u8ddfcomplete\u5dee\u4e0d\u591a\r\n    fail:function(a){}, \/\/\u52a8\u753b\u505c\u6b62\u5c31\u4f1a\u89e6\u53d1\r\n    always:function(a){} \/\/\u4e0d\u7ba1\u6210\u529f\u5931\u8d25\u603b\u4f1a\u56de\u8c03\r\n })\r\n.animate({top:'200px'},300); \/\/queue\u4e3afalse\u65f6\u6b64\u52a8\u753b\u4e0d\u7b49\u4e0a\u4e00\u4e2a\u52a8\u753b\u5b8c\u6210\uff0c\u4e5f\u4f1a\u8fdb\u884c\uff1b\u5f02\u6b65\u52a8\u753b\r\n\r\n\u652f\u6301\u5bf9\u8c61\u6570\u503c\u8fc7\u6e21\uff0c\u5982\r\n$({deg: 0}).animate(\r\n  {deg: 30}, \r\n  {\r\n    duration: 2000,\r\n    step: function(now,tween){\r\n       \/\/ \r\n    }\r\n});<\/pre>\n
animate(function(){‘left’:’+=100px’}) \u7d2f\u52a0\uff0c\uff08\u8d1f\u53f7\u662f\u7d2f\u51cf\u529f\u80fd\uff09
\n\u5217\u961f\u52a8\u753b\uff1a
\nanimate(function(){\u5148\u6267\u884c\u8fd9\u91cc},function(){\u5728\u6267\u884c\u8fd9\u91cc},function(){},…) \u6309\u5148\u540e\u987a\u5e8f\u6267\u884c\uff0c\u4e0d\u662f\u540c\u65f6\u6267\u884c
\n\u8fde\u7f00\u52a8\u753b\uff1a
\nanimate({\u5148\u6267\u884c\u8fd9\u91cc}).animate({\u5728\u6267\u884c\u8fd9\u91cc}) \u6309\u5148\u540e\u987a\u5e8f\u6267\u884c\uff0c\u4e0d\u662f\u540c\u65f6\u6267\u884c\uff0c\u8fd9\u91cc\u53ea\u662f\u5bf9\u540c\u4e00\u4e2aDIV\u624d\u4f1a\u6709\u6267\u884c\u5148\u540e\u987a\u5e8f\u7684\u6548\u679c\u3002<\/p>\n
css()\u4e0d\u662f\u52a8\u753b\uff0c\u5982\u679c\u8981\u8fdb\u5165\u5217\u961f\u52a8\u753b\u5c31\u7ad9\u5728\u5176\u4ed6\u7684\u811a\u672c\u540e\u9762\u5d4c\u5957\uff0c\u4f8b\u5982\uff1b
\nshow(‘slow’,function(){css()\u653e\u8fd9\u91cc})\u5148\u663e\u793a\u5728\u7ed9css,\u4f46\u662f\u8fd9\u6837\u4f1a\u6c61\u67d3\u8ba9\u4ee3\u7801\u6742\u4e71\u63a8\u8350\u4f7f\u7528<\/p>\n
jQuery\u961f\u5217\u51fd\u6570\u540c\u6b65\u6267\u884cqueue()\u3001dequeue()\u3001clearQueue()\u548c.delay()<\/a><\/p><\/blockquote>\n