jQuery获取标签文本内容和html内容的方法


Posted in Javascript onMarch 27, 2015

本文实例讲述了jQuery获取标签文本内容和html内容的方法。分享给大家供大家参考。具体分析如下:

jQuery可以通过text和html方法获取指定标签的文本内容或者html内容

<!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程序设计有所帮助。

Javascript 相关文章推荐
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 Javascript
javascript object array方法使用详解
Dec 03 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
js模块加载方式浅析
Aug 12 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
微信公众号服务器验证Token步骤图解
Dec 30 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 #Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 #Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 #Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 #Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 #Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 #Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 #Javascript
You might like
PHP新手上路(五)
2006/10/09 PHP
PHP的简易冒泡法代码分享
2012/08/28 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
php中error与exception的区别及应用
2014/07/28 PHP
PHP微信支付实例解析
2016/07/22 PHP
php的PDO事务处理机制实例分析
2017/02/16 PHP
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
JavaScript笛卡尔积超简单实现算法示例
2018/07/30 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
python 实现归并排序算法
2012/06/05 Python
Python创建文件和追加文件内容实例
2014/10/21 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python基本socket通信控制操作示例
2019/01/30 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
python 下载文件的多种方法汇总
2020/11/17 Python
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
全球在线商店:BerryLook
2019/04/14 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
应届生服装设计自我评价
2013/09/20 职场文书
汽车驾驶求职信
2013/10/25 职场文书
高一军训的心得体会
2014/09/01 职场文书
运动会3000米加油稿
2015/07/21 职场文书