JQuery選擇器綁定事件及修改內(nèi)容的方法

更新時(shí)間：2015年01月23日 09:55:56 投稿：shichen2014

這篇文章主要介紹了JQuery選擇器綁定事件及修改內(nèi)容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了JQuery選擇器綁定事件及修改內(nèi)容的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Hello World jQuery!</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

</head>

<body>

<div id="divMsg">Hello World!</div>

<input id="btnShow" type="button" value="顯示" />

<input id="btnHide" type="button" value="隱藏" /><br />

<input id="btnChange" type="button" value="修改內(nèi)容為Hello World,jb51!" />

<script type="text/javascript" >

$("#btnShow").bind("click", function(event) { $("#divMsg").show();});

$("#btnHide").bind("click", function(event) { $("#divMsg").hide();});

$("#btnChange").bind("click", function(event){ $("#divMsg").html("Hello World, jb51!"); });

</script>

</body>

</html>

更多關(guān)于jquery選擇器相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery選擇器用法總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)浮窗與中浮窗切換效果的方法,涉及jQuery針對(duì)頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2016-09-09
jQuery 文本框得失焦點(diǎn)的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery 文本框得失焦點(diǎn)的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
DWZ刷新dialog解決方法
點(diǎn)擊某個(gè)按鈕，刪除某條記錄后，提示刪除成功，然后刷新dialog。
2013-03-03
Jquery ajax執(zhí)行順序返回自定義錯(cuò)誤信息(實(shí)例講解)
由于Jquery中的Ajax的async默認(rèn)是true(異步請(qǐng)求),如果想一個(gè)Ajax執(zhí)行完后再執(zhí)行另一個(gè)Ajax, 需要把a(bǔ)sync=false就可以了
2013-11-11
jQuery 版元素拖拽原型代碼
“元素拖拽”顧名思義：拖動(dòng)，移動(dòng)，拽放。有很多的解釋，而且在網(wǎng)上相關(guān)資料非常之多，本人在開發(fā) AsyncBox 當(dāng)中也用到此效果，借此分享，同時(shí)也是一種技術(shù)積累。
2011-04-04
非常有用的40款jQuery 插件推薦（系列二）
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)
2011-12-12
JQuery實(shí)現(xiàn)表格中相同單元格合并示例代碼
一定要注意如果從list的開始元素循環(huán)下去，remove掉一個(gè)元素后，有些元素就找不到了或者說不是要找的那個(gè)元素，感興趣的各位可以研究下哈
2013-06-06
jquery里的正則表達(dá)式說明
根據(jù)jquery的注釋，其是匹配HTML字符串和ID選擇器
2011-08-08
AJAX在JQuery中的應(yīng)用詳解
今天小編就為大家分享一篇關(guān)于AJAX在JQuery中的應(yīng)用詳解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2019-01-01
jQuery.extend 函數(shù)的詳細(xì)用法
jQuery.extend 函數(shù)的詳細(xì)用法，學(xué)習(xí)jquery的朋友可以參考下
2012-06-06