得到元素的值
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $para = $("p"); // 獲取<p>節點
var $li = $("ul li:eq(1)"); // 獲取第二個<li>元素節點
var p_txt = $para.attr("title"); // 輸出<p>元素節點屬性title
var ul_txt = $li.attr("title"); // 獲取<ul>里的第二個<li>元素節點的屬性title
var li_txt = $li.text(); // 輸出第二個<li>元素節點的text
alert(p_txt);
alert(ul_txt);
alert(li_txt);
});
</script>
</head>
<body>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li title='蘋果'>蘋果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
</ul>
</body>
</html>
創建節點
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-2-3</title>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $li_1 = $("<li title='香蕉'>香蕉</li>"); //創建一個<li>元素
//包括元素節點,文本節點和屬性節點
//其中title='香蕉' 就是創建的屬性節點
var $li_2 = $("<li title='雪梨'>雪梨</li>"); //創建一個<li>元素
//包括元素節點,文本節點和屬性節點
//其中title='雪梨' 就是創建的屬性節點
var $parent = $("ul"); // 獲取<ul>節點。<li>的父節點
$parent.append($li_1); // 添加到<ul>節點中，使之能在網頁中顯示
$parent.append($li_2); // 等價于：$parent.append($li_1).append($li_2);
});
</script>
</head>
<body>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li title='蘋果'>蘋果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
</ul>
</body>
</html>