好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery bind & unbind

jquery bind & unbind

<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns = " http://HdhCmsTestw3.org/1999/xhtml " >
< head >
< meta http - equiv = " Content-Type " content = " text/html; charset=utf-8 " / >
< title > 4 - 6 - 2 < / title>
< style type = " text/css " >
* ... {margin: 0 ;padding: 0 ;}
body ... { font - size: 13px; line - height: 130 % ; padding: 60px; }
p ... {200px;background:# 888 ;color:white;height:16px;}
< / style>
< script src = " scripts/jquery-1.3.1.js " type = " text/javascript " >< / script>
< script type = " text/javascript " >
$( function () ... {
$( ' #btn ' ).bind( " click " , function () ... {
$( ' #test ' ).append( " <p> 我的绑定函数1</p> " );
} ).bind( " click " , function () ... {
$( ' #test ' ).append( " <p> 我的绑定函数2</p> " );
} ).bind( " click " , function () ... {
$( ' #test ' ).append( " <p> 我的绑定函数3</p> " );
} );
$( ' #delAll ' ).click( function () ... {
$( ' #btn ' ).unbind( " click " );
} );
} )
< / script>
< / head>
< body >
< button id = " btn " > 点击我 < / button>
< div id = " test " >< / div>
< button id = " delAll " > 删除所有事件 < / button>
< / body>
< / html>

other effect:
http://api.jquery测试数据/mousemove/
http://api.jquery测试数据/fadeIn/



查看更多关于jquery bind & unbind的详细内容...

  阅读:35次