色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery click 切換

呂致盈2年前10瀏覽0評論

jQuery中click事件可以方便地實現切換效果。在HTML中,可以使用多個div塊來表示切換的不同內容,然后使用jQuery來實現點擊切換。

首先,需要在HTML中添加需要切換的內容塊,如下所示:

<div id="content1">
<p>這是第一個內容塊</p>
</div>
<div id="content2">
<p>這是第二個內容塊</p>
</div>
<div id="content3">
<p>這是第三個內容塊</p>
</div>

接下來,需要添加一個按鈕來觸發點擊事件,如下所示:

<button id="btn1">切換至內容塊1</button>
<button id="btn2">切換至內容塊2</button>
<button id="btn3">切換至內容塊3</button>

接下來,需要編寫jQuery的代碼來實現點擊切換效果:

$(document).ready(function(){
$("#btn1").click(function(){
$("#content1").show();
$("#content2").hide();
$("#content3").hide();
});
$("#btn2").click(function(){
$("#content1").hide();
$("#content2").show();
$("#content3").hide();
});
$("#btn3").click(function(){
$("#content1").hide();
$("#content2").hide();
$("#content3").show();
});
});

代碼中,首先使用jQuery的document.ready()函數來確保整個頁面加載完畢后再執行相應的代碼。然后,分別為每個按鈕添加click事件,在事件中分別控制顯示與隱藏相應的內容塊。

這樣,就可以實現簡單的切換效果了。