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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery 处理网页内容的实现代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1060字，纯文字阅读大概需要2分钟。

内容图文

//设置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); 
}); 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的jQuery 处理网页内容的实现代码全部内容，希望文章能够帮你解决jQuery 处理网页内容的实现代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端