jQuery獲取標簽文本內(nèi)容和html內(nèi)容的方法

更新時間：2015年03月27日 09:19:29 作者：上大王

這篇文章主要介紹了jQuery獲取標簽文本內(nèi)容和html內(nèi)容的方法,實例分析了jQuery中text和html方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery獲取標簽文本內(nèi)容和html內(nèi)容的方法。分享給大家供大家參考。具體分析如下：

jQuery可以通過text和html方法獲取指定標簽的文本內(nèi)容或者html內(nèi)容

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

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

您可能感興趣的文章:

相關(guān)文章

JQuery實現(xiàn)鼠標滾輪滑動到頁面節(jié)點
這篇文章主要介紹了使用JQuery實現(xiàn)鼠標滾輪滑動到頁面節(jié)點的代碼,需要的朋友可以參考下
2015-07-07
Raphael一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫
Raphael是一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫,它使用 SVG W3C 推薦標準和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來詳細介紹，感興趣的朋友可以了解下哦
2013-01-01
詳解jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁面布局方式為主,需要的朋友可以參考下
2015-12-12
jquery實現(xiàn)的一個文章自定義分段顯示功能
基于jquery實現(xiàn)的文章自定義分段顯示，如果文章內(nèi)容太多的話轉(zhuǎn)換有點慢，大家若喜歡的話，可以參考下
2014-05-05
jQuery使用jsonp實現(xiàn)百度搜索的示例代碼
這篇文章主要介紹了jQuery使用jsonp實現(xiàn)百度搜索，文中示例代碼非常詳細，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
jQuery仿360導(dǎo)航頁圖標拖動排序效果代碼分享
這篇文章主要為大家詳細介紹了360導(dǎo)航頁圖標拖動排序效果代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-08-08
jQuery實現(xiàn)移動端Tab選項卡效果
本篇文章主要介紹了jQuery實現(xiàn)移動端Tab選項卡效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
JQuery的加載和選擇器用法簡單示例
這篇文章主要介紹了JQuery的加載和選擇器用法,結(jié)合簡單實例形式分析了jQuery的功能、加載、選擇器的相關(guān)使用技巧,需要的朋友可以參考下
2019-05-05
基于jquery的仿百度搜索框效果代碼
最近項目中用到類似百度的輸入框，于是自己用jquery寫了一個。希望和大家共同分享一下。存在許多bug，請各位不吝賜教。
2011-04-04
jQuery配合coin-slider插件制作幻燈片效果的流程解析
coin-slider是GitHub上的一個人氣JavaScript開源插件,用它來實現(xiàn)幻燈片效果只需要動手寫很少的代碼,下面我們就來看一下jQuery配合coin-slider插件制作幻燈片效果的流程解析.
2016-05-05