|
|
jQuery另一個(gè)很令人愜意的地方是，一般的代碼都是一行一行寫，jQuery的代碼可以一串一串寫。
這一點(diǎn)，在前面的文章中已經(jīng)介紹過了。
直接來一個(gè)Demo:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>chainning codetitle>
<script src="../scripts/jquery-1.2.3.intellisense.js" type="text/Javascript">script>
<script type="text/Javascript">
$(function(){
//添加四個(gè)按鈕
$('').appendTo($('body'));
//找出所有按鈕
$('input[type="button"]')
.eq(0)//找到第一個(gè)按鈕
.click(function(){
alert('you clicked me!');
})
.end().eq(1)//返回所有按鈕，再找到第二個(gè)
.click(function(){
$('input[type="button"]:eq(0)').trigger('click');
})
.end().eq(2)//返回所有按鈕，再找到第三個(gè)
.click(function(){
$('input[type="button"]:eq(0)').unbind('click');
})
.end().eq(3)//返回所有按鈕，再找到第四個(gè)
.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>
it知識(shí)庫：jQuery入門[4]－鏈?zhǔn)酱a，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
