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编程起步(第一课)
Jan 10 Javascript
关于javascript中的parseInt使用技巧
Sep 03 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
Mar 05 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
layui实现form表单同时提交数据和文件的代码
Oct 25 Javascript
Vue.directive 实现元素scroll逻辑复用
Nov 29 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
WHOIS类的修改版
2006/10/09 PHP
简单实用的.net DataTable导出Execl
2013/10/28 PHP
layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例
2018/05/12 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript显示选择目录对话框的代码
2008/11/10 Javascript
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
JavaScript中常用的运算符小结
2012/01/18 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
python中的随机函数小结
2018/01/27 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
详解Python是如何实现issubclass的
2019/07/24 Python
Python实现图像的垂直投影示例
2020/01/17 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
最新教师自我评价分享
2013/11/12 职场文书
大学生活动策划方案
2014/02/10 职场文书
元旦晚会策划方案
2014/02/18 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
门面租赁合同范文
2019/08/06 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
深入理解python协程
2021/06/15 Python
详细分析PHP7与PHP5区别
2021/06/26 PHP