作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 01:52:03 阅读 我要评论

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 解析url的search方法

复制代码 代码如下: function searchParse(){ var resultObj = {}; var search = window.location.search; if(search && search.length > 1){ var search = search.substring(1); var items = search.split('&'); >>>详细阅读


本文标题:jQuery 处理网页内容的实现代码

地址:http://www.17bianji.com/kaifa2/JS/27065.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)