快捷導(dǎo)航

Jquery實(shí)現(xiàn)控件的隱藏和顯示實(shí)例

更新時(shí)間：2014年02月08日 08:58:38 作者：

本篇文章主要是對(duì)Jquery實(shí)現(xiàn)控件的隱藏和顯示實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

<!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>

$(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>

您可能感興趣的文章:

相關(guān)文章

jQuery中append()方法用法實(shí)例
這篇文章主要介紹了jQuery中append()方法用法,實(shí)例分析了append()方法的功能、定義及在匹配元素的結(jié)尾插入指定內(nèi)容的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery定義背景動(dòng)態(tài)切換效果的方法
這篇文章主要介紹了jQuery定義背景動(dòng)態(tài)切換效果的方法,實(shí)例分析了jQuery操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對(duì)比圖片的方法
這篇文章主要介紹了jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對(duì)比圖片的方法,可實(shí)現(xiàn)圖片拖拽變換的功能,需要的朋友可以參考下
2015-08-08
深入理解jQuery 事件處理
下面小編就為大家?guī)?lái)一篇深入理解jQuery 事件處理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
jquer之a(chǎn)jaxQueue簡(jiǎn)單實(shí)現(xiàn)代碼
手頭不是很忙，突然想到了ajax queue這個(gè)概念，之前貌似有看技術(shù)文章中提到過(guò)這個(gè)，就想著用jquery來(lái)實(shí)現(xiàn)一下，思想比較簡(jiǎn)單
2011-09-09
jQuery插件easyUI實(shí)現(xiàn)通過(guò)JS顯示Dialog的方法
這篇文章主要介紹了jQuery插件easyUI實(shí)現(xiàn)通過(guò)JS顯示Dialog的方法,實(shí)例分析了jQuery插件easyUI彈出Dialog的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-09-09
jQuery操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對(duì)jQuery操作CheckBox的方法(選中,取消,取值)進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
判斷瀏覽器的內(nèi)核及版本號(hào)方法匯總
這篇文章主要介紹了判斷瀏覽器的內(nèi)核及版本號(hào)方法匯總,需要的朋友可以參考下
2015-01-01
jq stop()和:is(:animated)的用法及區(qū)別(詳解)
下面小編就為大家?guī)?lái)一篇jq stop()和:is(:animated)的用法及區(qū)別(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
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