jQuery 屬性與樣式（二）
讀取、修改元素的html結(jié)構(gòu)或元素的文字內(nèi)容是常見的DOM操作，jQuery針對這樣的處理提供了2個便捷的方法.html()與.text()
html()方法?
????取得集合中第一個符合元素的HTML內(nèi)容或設(shè)定每個符合元素的html內(nèi)容，具體有3種用法：
#????????.html () 不傳入值，就是取得集合中第一個符合元素的HTML內(nèi)容
????????.html( htmlString )? 設(shè)定每一個符合元素的html內(nèi)容
???????, oldhtml) ) 用來傳回設(shè)定HTML內(nèi)容的一個函數(shù)
註：.html()方法內(nèi)部使用的是DOM的innerHTML屬性來處理的，所以在設(shè)定與取得上需要注意的一個最重要的問題，這個操作是針對整個HTML內(nèi)容（不僅僅只是文字內(nèi)容）
下面我們來看以下html() 方法的一些實例
如何改變html元素的內(nèi)容?? 程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
<script type="text/javascript">
$('#dv').html("miracleart.cn");
</script>
</body>
</html>改變了div標(biāo)籤的內(nèi)容
2.追蹤內(nèi)容?
#例如上面實例，我們要在ｐｈｐ中文網(wǎng)後面追加一個網(wǎng)址，這樣我們需要怎樣去實現(xiàn)
請看下面代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
<script type="text/javascript">
$('#dv').append("miracleart.cn");
</script>
</body>
</html>如上實例，這樣就會給我們的div 標(biāo)籤追加一個www .php.cn 的網(wǎng)址
after?? 與? before? 方法
after: 在所有符合的元素之後插入HTML 內(nèi)容
#before: 在所有符合的元素之前插入HTML 內(nèi)容
例如，我們以上範(fàn)例，如何在? div 標(biāo)籤前或後加上內(nèi)容
##如下實例：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
<script type="text/javascript">
$('#dv').before("歡迎來到：");
$("#dv").after("學(xué)習(xí)編程");
</script>
</body>
</html> text()方法
得到匹配元素集合中每個元素的文本內(nèi)容結(jié)合，包括他們的後代，或設(shè)定匹配元素集合中每個元素的文本內(nèi)容為指定的文本內(nèi)容。 ，具體有3種用法：????.text() 得到符合元素集合中每個元素的合併文本，包括他們的後代????.text( textString ) 用於設(shè)定匹配元素內(nèi)容的文字????.text( function(index, text) ) 用來傳回設(shè)定文字內(nèi)容的一個函數(shù)請看下面的實例：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div id="dv">php 中文網(wǎng)</div>
<script type="text/javascript">
alert($('#dv').text());
</script>
</body>
</html>
#
