Jquery實(shí)現(xiàn)控件的隱藏和顯示實(shí)例
更新時間：2014年02月08日 08:58:38 作者：
本篇文章主要是對Jquery實(shí)現(xiàn)控件的隱藏和顯示實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<!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中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery定義背景動態(tài)切換效果的方法,實(shí)例分析了jQuery操作圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對比圖片的方法
這篇文章主要介紹了jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對比圖片的方法,可實(shí)現(xiàn)圖片拖拽變換的功能,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄钊肜斫鈐Query 事件處理。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquer之a(chǎn)jaxQueue簡單實(shí)現(xiàn)代碼
手頭不是很忙，突然想到了ajax queue這個概念，之前貌似有看技術(shù)文章中提到過這個，就想著用jquery來實(shí)現(xiàn)一下，思想比較簡單2011-09-09
jQuery插件easyUI實(shí)現(xiàn)通過JS顯示Dialog的方法
這篇文章主要介紹了jQuery插件easyUI實(shí)現(xiàn)通過JS顯示Dialog的方法,實(shí)例分析了jQuery插件easyUI彈出Dialog的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09
jQuery操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對jQuery操作CheckBox的方法(選中,取消,取值)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了判斷瀏覽器的內(nèi)核及版本號方法匯總,需要的朋友可以參考下2015-01-01
jq stop()和:is(:animated)的用法及區(qū)別(詳解)
下面小編就為大家?guī)硪黄猨q stop()和:is(:animated)的用法及區(qū)別(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jQuery使用$.ajax進(jìn)行異步刷新的方法(附demo下載)
這篇文章主要介紹了jQuery使用$.ajax進(jìn)行異步刷新的方法,涉及jQuery實(shí)現(xiàn)ajax異步刷新實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者下載參考,需要的朋友可以參考下2015-12-12