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_01_理解内存分配原理分析
Oct 11 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
调用innerHTML之后onclick失效问题的解决方法
Jan 28 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
给angular加上动画效遇到的问题总结
Feb 17 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 Javascript
javascript使用canvas实现饼状图效果
Sep 08 Javascript
手把手教你如何编译打包video.js
Dec 09 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实现的限制IP投票程序IP来源分析
2016/05/04 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
JS常用知识点整理
2017/01/21 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
[05:42]DOTA2英雄梦之声_第10期_蝙蝠骑士
2014/06/21 DOTA
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
简述Python中的进程、线程、协程
2016/03/18 Python
Python算术运算符实例详解
2017/05/31 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
python实现LRU热点缓存及原理
2019/10/29 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
python属于哪种语言
2020/08/16 Python
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
新闻学专业个人求职信写作
2014/02/04 职场文书
财产公证书格式
2014/04/10 职场文书
专项法律服务方案
2014/06/11 职场文书
征兵宣传标语
2014/06/20 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python