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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
IE6下js通过css隐藏select的一个bug
Aug 16 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
js jquery数组介绍
Jul 15 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
删除javascript所创建子节点的方法
May 21 Javascript
js实现网页抽奖实例
Aug 05 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 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投票程序源码
2007/03/11 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
深入php之规范编程命名小结
2013/05/15 PHP
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
js 操作符实例代码
2009/10/24 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
JavaScript中数组对象的那些自带方法介绍
2013/03/12 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
Vue监听数据对象变化源码
2017/03/09 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
JS回调函数简单易懂的入门实例分析
2019/09/29 Javascript
python元组操作实例解析
2014/09/23 Python
Python复制目录结构脚本代码分享
2015/03/06 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
Python创建普通菜单示例【基于win32ui模块】
2018/05/09 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python的pstuil模块使用方法总结
2019/07/26 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
Pytorch 实现权重初始化
2019/12/31 Python
Django 批量插入数据的实现方法
2020/01/12 Python
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
组工干部演讲稿
2014/09/02 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
退休欢送会致辞
2015/07/31 职场文书
新手初学Java List 接口
2021/07/07 Java/Android