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 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
document.write()及其输出内容的样式、位置控制
Aug 12 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
vue cli使用绝对路径引用图片问题的解决
Dec 06 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 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
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
CI框架安全类Security.php源码分析
2014/11/04 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
js自定义Tab选项卡效果
2017/06/05 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
JS实现图片手风琴效果
2020/04/17 Javascript
vue实现提示保存后退出的方法
2018/03/15 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
python编程线性回归代码示例
2017/12/07 Python
使用Python写一个小游戏
2018/04/02 Python
python爬取个性签名的方法
2018/06/17 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
前厅部经理岗位职责范文
2014/02/04 职场文书
家长学校工作方案
2014/05/07 职场文书
承诺书样本
2014/08/30 职场文书