<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>腳本之家</title>

<style type="text/css">

div{

  height:150px;

  width:150px;

  background-color:green;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $("div").hide(); 

  }); 

}) 

</script>

</head>

<body>

<div></div>

<button>點(diǎn)擊隱藏上面方塊</button>

</body>

</html>

以上代碼中，點(diǎn)擊按鈕可以將div隱藏。

希望本文所述對大家的jquery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Jquery實(shí)現(xiàn)select multiple左右添加和刪除功能的簡單實(shí)例
下面小編就為大家?guī)硪黄狫query實(shí)現(xiàn)select multiple左右添加和刪除功能的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jQuery封裝placeholder效果實(shí)現(xiàn)方法,讓低版本瀏覽器支持該效果
下面小編就為大家?guī)硪黄猨Query封裝placeholder效果實(shí)現(xiàn)方法,讓低版本瀏覽器支持該效果。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
jQuery Validate驗(yàn)證框架經(jīng)典大全
本文是腳本之家小編給大家分享的jquery validate驗(yàn)證框架大全，本文內(nèi)容講的非常詳細(xì)，感興趣的朋友一起看看吧
2015-09-09
基于JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本
我們做搜索框的時候，經(jīng)常需要這樣一個效果：搜索框默認(rèn)顯示一段提示文本，比如“輸入關(guān)鍵詞”，鼠標(biāo)點(diǎn)擊后，清空這段文本。鼠標(biāo)再次點(diǎn)擊別的地方，又要恢復(fù)這段文本
2012-02-02
jquery eval解析JSON中的注意點(diǎn)介紹
在JS中將JSON的字符串解析成JSON數(shù)據(jù)格式，一般有兩種方式：使用eval()函數(shù)、使用Function對象來進(jìn)行返回解析，下面有個示例，感興趣的朋友可以參考下
2013-08-08
JQuery中關(guān)于jquery.js與jquery.min.js的比較探討
jquery-1.4.2.min.js是優(yōu)化的，而query-1.4.2.js是易于開發(fā)著閱讀的，具體詳解祥看本文，希望對你有所幫助
2013-05-05
jquery實(shí)現(xiàn)清新實(shí)用的網(wǎng)頁菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)清新實(shí)用的網(wǎng)頁菜單效果,涉及jquery通過鼠標(biāo)事件控制頁面元素的動態(tài)隱藏與顯示實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
jquery實(shí)現(xiàn)全選和全不選功能效果的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)全選和全不選功能效果的實(shí)現(xiàn)代碼【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
2016-05-05
jquery按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
jQuery中DOM節(jié)點(diǎn)的刪除方法總結(jié)（超全面）
這篇文章主要介紹了jQuery中DOM節(jié)點(diǎn)的刪除方法,文中介紹的很相信，內(nèi)容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別，需要的朋友可以參考借鑒。
2017-01-01