jQuery 屬性與樣式（二）
讀取、修改元素的html結(jié)構(gòu)或者元素的文本內(nèi)容是常見的DOM操作，jQuery針對(duì)這樣的處理提供了2個(gè)便捷的方法.html()與.text()
html()方法?
????獲取集合中第一個(gè)匹配元素的HTML內(nèi)容 或 設(shè)置每一個(gè)匹配元素的html內(nèi)容，具體有3種用法：
????????.html() 不傳入值，就是獲取集合中第一個(gè)匹配元素的HTML內(nèi)容
????????.html( htmlString )? 設(shè)置每一個(gè)匹配元素的html內(nèi)容
????????.html( function(index, oldhtml) ) 用來返回設(shè)置HTML內(nèi)容的一個(gè)函數(shù)
注：.html()方法內(nèi)部使用的是DOM的innerHTML屬性來處理的，所以在設(shè)置與獲取上需要注意的一個(gè)最重要的問題，這個(gè)操作是針對(duì)整個(gè)HTML內(nèi)容（不僅僅只是文本內(nèi)容）
下面我們來看以下html() 方法的一些實(shí)例
如何改變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("ipnx.cn");
</script>
</body>
</html>改變了div標(biāo)簽的內(nèi)容
2.追加內(nèi)容?
比如上面實(shí)例，我們要在ｐｈｐ中文網(wǎng)后面追加一個(gè)網(wǎng)址，這樣我們需要怎樣去實(shí)現(xiàn)
請(qǐng)看下面代碼：
<!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("ipnx.cn");
</script>
</body>
</html>如上實(shí)例，這樣就會(huì)給我們的div 標(biāo)簽追加一個(gè) ipnx.cn 的網(wǎng)址
after?? 與? before? 方法
after: 在所有匹配的元素之后插入 HTML 內(nèi)容
before: 在所有匹配的元素之前插入 HTML 內(nèi)容
比如，我們以上示例，如何在? div 標(biāo)簽前或者后加上內(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">
$('#dv').before("歡迎來到：");
$("#dv").after("學(xué)習(xí)編程");
</script>
</body>
</html>text()方法
得到匹配元素集合中每個(gè)元素的文本內(nèi)容結(jié)合，包括他們的后代，或設(shè)置匹配元素集合中每個(gè)元素的文本內(nèi)容為指定的文本內(nèi)容。，具體有3種用法：
????.text() 得到匹配元素集合中每個(gè)元素的合并文本，包括他們的后代
????.text( textString ) 用于設(shè)置匹配元素內(nèi)容的文本
????.text( function(index, text) ) 用來返回設(shè)置文本內(nèi)容的一個(gè)函數(shù)
請(qǐng)看下面的實(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>
