本文共 1335 字，大约阅读时间需要 4 分钟。
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < title > chainning code </ title > < script src ="../scripts/jquery-1.2.3.intellisense.js" type ="text/javascript" ></ script > < script type ="text/javascript" > $( function (){ // 添加四个按钮 $( ' <input type="button" value="click me"/><input type="button" value="triggle click me"/><input type="button" value="detach handler"/><input type="button" value="show/hide text"/> ' ).appendTo($( ' body ' )); // 找出所有按钮 $( ' input[type="button"] ' ) .eq( 0 ) // 找到第一个按钮 .click( function (){ alert( ' you clicked me! ' ); }) .end().eq( 1 ) // 返回所有按钮，再找到第二个 .click( function (){ $( ' input[type="button"]:eq(0) ' ).trigger( ' click ' ); }) .end().eq( 2 ) // 返回所有按钮，再找到第三个 .click( function (){ $( ' input[type="button"]:eq(0) ' ).unbind( ' click ' ); }) .end().eq( 3 ) // 返回所有按钮，再找到第四个 .toggle( function (){ $( ' .panel ' ).hide( ' slow ' ); }, function (){ $( ' .panel ' ).show( ' slow ' ); }); }); </ script > < style type ="text/css" > .panel { padding : 20px ; background-color : #000066 ; color : #FFFFFF ; font-weight : bold ; width : 200px ; height : 50px ; } </ style > </ head > < body > < div class ="panel" > welcome to jQuery! </ div > </ body > </ html > 转载地址：http://hfuto.baihongyu.com/