<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  alert("Text: " + $("#test").text());
 });
 $("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
 });
});
</script>
</head>
<body>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

jQuery異步上傳文件插件ajaxFileUpload詳細(xì)介紹
這篇文章主要介紹了jQuery異步上傳文件插件ajaxFileUpload詳細(xì)介紹,本文首先講解了ajaxFileUpload的參數(shù)、錯(cuò)誤提示等知識(shí),然后給出了簡(jiǎn)單使用實(shí)例和ASP.NET MVC模式下的使用實(shí)例,需要的朋友可以參考下
2015-05-05
jQuery代碼優(yōu)化之基本事件
jQuery對(duì)事件系統(tǒng)的抽象與優(yōu)化也是它的一大特色。本文僅從事件系統(tǒng)入手，簡(jiǎn)要分析一下jQuery為什么提供mouseenter和mouseleave事件，它們與標(biāo)準(zhǔn)的mouseover、mouseout事件有什么區(qū)別
2011-11-11
jquery-easyui關(guān)閉tab自動(dòng)切換到前一個(gè)tab
考慮到用戶(hù)體驗(yàn)，當(dāng)用戶(hù)關(guān)閉tab時(shí)，自動(dòng)切換到前一個(gè)tab不至于讓用戶(hù)看到空的界面。
2010-07-07
詳解ECharts使用心得總結(jié)
這篇文章主要介紹了詳解ECharts使用心得總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12
基于JQuery制作可編輯的表格特效
這篇文章主要介紹了基于JQuery制作可編輯的表格特效，一共給出了2種解決方案，小伙伴們能看出來(lái)哪種方案更合理嗎？
2014-12-12
jquery序列化表單去除指定元素示例代碼
這篇文章主要介紹了如何使用jquery序列化表單去除指定元素,需要的朋友可以參考下
2014-04-04
與jquery serializeArray()一起使用的函數(shù)，主要來(lái)方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來(lái)方便提交表單，需要的朋友可以參考下。
2011-01-01
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹，需要的朋友可以參考下
2012-11-11
jQuery 遍歷map()方法詳解
大家都知道m(xù)ap()方法主要用來(lái)遍歷操作數(shù)組和對(duì)象，這篇文章將給大家詳細(xì)介紹關(guān)于jQuery遍歷map()方法的內(nèi)容，文章給出了詳細(xì)的示例代碼，對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2016-11-11
JQuery實(shí)現(xiàn)簡(jiǎn)單時(shí)尚快捷的氣泡提示插件
在程序提交后，為了提高用戶(hù)體驗(yàn)我們需要驗(yàn)證并提示出錯(cuò)的位置，利用JQuery我們可以輕松實(shí)現(xiàn)氣泡提示，需要的朋友可以了解下
2012-12-12