DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery 處理網頁內容的實現代碼
jQuery 處理網頁內容的實現代碼
編輯:JQuery特效代碼     
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);
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved