首頁 > web前端 > js教程 > Jquery實作控制項的隱藏與顯示實例_jquery

Jquery實作控制項的隱藏與顯示實例_jquery

WBOY
發布: 2016-05-16 17:01:13
原創
1304 人瀏覽過

複製代碼代碼如下:




UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



jquery

.big{ 字型大小: 30px;顏色:#FF0000;}

風格>




$(function(){
$('#click_event').click(function(){
 $('#click_event').html('');
if($( '#hidden_​​enent').is(':hidden'))
{
 $('#hidden_​​enent').show();
 $('#click_event'). html('隱藏') ;
}
else
{
 $('#hidden_​​enent').hide();
 $('#click_event').html( '顯示');
 }
})

})





隱藏

測試隱藏
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板