jQuery 处理网页内容的实现代码


Posted in Javascript onFebruary 15, 2010

jQuery提供两种实现这种功能的方法 ? text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。

//设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; 
$('#b5_a").text("这是新加入的文本信息"); 
//在ID为"b5_b"的div里加入一段html代码; 
$("#b5_b").html("<p>新加入一个html段落</p>");

有时我们要读取页面的内容,这也可以用text()和html()来实现。同样,使用text()得到的是纯文本;使用html()得到的是html代码。
//点击第二个按钮查看相关元素的文本内容 
$("button:eq(1)").click(function(){ 
alert($('#b5_a').text()); 
}); 
//点击第四个按钮查看相关元素的HTML内容 
$("button:eq(3)").click(function(){ 
alert($('#b5_a').html()); 
});

注意:text()和html()返回值得类型都是字符串型(string)。如果我们要对返回值进行算术运算,我们可以使用原始的JavaScript 函数:parseInt 或者 parseFloat 先把字符串转换成整形或者浮点型。
<ul id="u2"> 
<li>12.3</li> 
<li>1.5</li> 
</ul> 
//通过下面的jQuery代码,可以对上述列表求和 
$("button:eq(4)").click(function(){ 
var sum = 0; 
$('li').each(function(index){ 
sum += parseFloat($(this).text()); 
}); 
alert(sum); 
});
Javascript 相关文章推荐
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
javascript格式化日期时间方法汇总
Jun 19 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
Sep 18 Javascript
理解javascript模块化
Mar 28 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
js链表操作(实例讲解)
Aug 29 Javascript
Vue-Router的使用方法
Sep 05 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
vue+element加入签名效果(移动端可用)
Jun 17 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 #Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 #Javascript
Jquery iframe内部出滚动条
Feb 11 #Javascript
jquery 问答知识整理
Feb 11 #Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 #Javascript
jQuery 改变CSS样式基础代码
Feb 11 #Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 #Javascript
You might like
PHP 数组遍历顺序理解
2009/09/09 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
PHP chop()函数讲解
2019/02/11 PHP
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
python的文件操作方法汇总
2017/11/10 Python
python验证码识别实例代码
2018/02/03 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
python logging日志模块原理及操作解析
2019/10/12 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
自荐信的五个重要部分
2013/10/29 职场文书
美术毕业生求职信
2014/02/25 职场文书
节约粮食标语
2014/06/18 职场文书
公务员年度考核评语
2014/12/31 职场文书
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python