<!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)擊隱藏div元素</button>

</body>

</html>

在以上代碼中，當(dāng)點(diǎn)擊按鈕的時(shí)候能夠?qū)iv元素隱藏。

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

您可能感興趣的文章:

相關(guān)文章

jquery動(dòng)態(tài)導(dǎo)航插件dynamicNav用法實(shí)例分析
這篇文章主要介紹了jquery動(dòng)態(tài)導(dǎo)航插件dynamicNav用法,較為詳細(xì)的分析了jquery導(dǎo)航插件的原理及具體使用方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jQuery中[attribute*=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute*=value]選擇器用法,實(shí)例分析了[attribute*=value]選擇器的功能、定義及匹配給定的屬性包含某些值的元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery.form.js插件不能解決連接超時(shí)(timeout)的原因分析及解決方法
jQuery.form.js是一個(gè)form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時(shí)，當(dāng)碰上網(wǎng)速較慢時(shí)，而我們又設(shè)置了timeout時(shí)我們的頁面會(huì)死在這里，怎么回事呢，下面腳本之家小編給大家解答下
2016-10-10
jquery無法設(shè)置checkbox選中即沒有變成選中狀態(tài)
設(shè)置以后checkbox并沒有變成選中狀態(tài)，用chrome調(diào)試看了一下，checkbox中確實(shí)有checked屬性，針對(duì)這個(gè)問題，大家可以參考下本文
2014-03-03
使用jquery.qrcode生成彩色二維碼實(shí)例
這篇文章主要介紹了使用jquery.qrcode生成彩色二維碼實(shí)例,jquery.qrcode是一個(gè)jquery的插件,需要的朋友可以參考下
2014-08-08
Jquery 表格合并的問題分享
有朋友問GridView控件對(duì)于跨行合并的問題，這可以用控件嵌套來完成，當(dāng)然，我更喜歡在前臺(tái)來用JS來控制網(wǎng)頁元素的樣式，而后臺(tái)僅僅是根據(jù)客戶的請求，來返回?cái)?shù)據(jù)。
2011-09-09
利用JQuery阻止事件冒泡
冒泡事件就是點(diǎn)擊子節(jié)點(diǎn)，會(huì)向上觸發(fā)父節(jié)點(diǎn)，祖先節(jié)點(diǎn)的點(diǎn)擊事件。本文主要介紹JQuery阻止事件冒泡的實(shí)例解析。需要的朋友來看下吧
2016-12-12
jQuery學(xué)習(xí)4 瀏覽器的事件模型
首先要知道DOM的兩級(jí)模式：DOM0級(jí)和DOM2級(jí) 在DOM0級(jí)事件處理程序是通過把函數(shù)實(shí)例的引用指派到DOM元素的屬性而聲明的。
2010-02-02
jQuery插件form-validation-engine正則表達(dá)式操作示例
這篇文章主要介紹了jQuery插件form-validation-engine正則表達(dá)式操作,結(jié)合實(shí)例形式分析了jQuery插件form-validation-engine進(jìn)行正則驗(yàn)證操作的相關(guān)技巧,需要的朋友可以參考下
2017-02-02
jquery中封裝函數(shù)傳遞當(dāng)前元素的方法示例
這篇文章主要給大家介紹了關(guān)于jquery中封裝函數(shù)傳遞當(dāng)前元素的方法，文中給出了詳細(xì)的示例代碼，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-05-05