Jquery實現(xiàn)控件的隱藏和顯示實例
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery</title>
<script type="text/javascript" src="jquery-1[1].3.2.min.js"></script>
<style type="text/css">
.big{ font-size:30px; color:#FF0000;}
</style>
<script type="text/javascript">
$(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('顯示');
}
})
})
</script>
</head>
<body>
<div id="click_event" style="cursor:pointer">隱藏</div>
<div id="hidden_enent">測試隱藏</div>
</body>
</html>
相關(guān)文章
jquery緩動swing liner控制動畫過程不同時刻的速度
一個用來控制動畫過程的速度的參數(shù),這就是緩動(easing),它確定了動畫過程不同時刻的速度2014-05-05
ztree實現(xiàn)左邊動態(tài)生成樹右邊為內(nèi)容詳情功能
zTree 是利用 JQuery 的核心代碼,實現(xiàn)一套能完成大部分常用功能的 Tree 插件。接下來通過本文給大家分享ztree實現(xiàn)左邊動態(tài)生成樹右邊為內(nèi)容詳情功能,需要的朋友參考下吧2017-11-11
基于jQuery實現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實現(xiàn)表格內(nèi)容的篩選功能的相關(guān)資料,需要的朋友可以參考下2016-08-08
用簡潔的jQuery方法toggleClass實現(xiàn)隔行換色
這篇文章主要介紹了用簡潔的jQuery方法toggleClass實現(xiàn)隔行換色,很簡單,但很實用,需要的朋友可以看看2014-10-10
JQuery通過后臺獲取數(shù)據(jù)遍歷到前臺的方法
今天小編就為大家分享一篇JQuery通過后臺獲取數(shù)據(jù)遍歷到前臺的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jQuery移動端日期(datedropper)和時間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時間選擇器,它分為日期選擇器datedropper以及時間選擇器timedropper,他們倆尤其適合在移動端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04

