1.獲取ul里第2個li節點:
var $li_two = $("ul li:eq(1)");
// 獲取該節點的內容
var $li_two_txt = $li_two.text();
2.獲取p元素節點的title屬性:
var $para = $("p");
var p_title = $para.attr("title");
3.創建2個li節點,并添加道ul中:
var $li_one = $("<li>節點1</li>")
var $li_two = $("<li>節點2</li>")
$("ul").append($li_one);
$("ul").append($li_two);
4.新建一個li插入到ul的第3個子元素li(假設存在)之后:
var $li_3 = $("ul li:eq(2)");
var $li_insert = $("<li>insert</li>");
$li_insert.insertAfter($li_3);
5.將ul的第3個子元素,放到第2個子元素前面:
var $li_2 =$("ul li:eq(1)");
var $li_3 =$("ul li:eq(2)");
$li_3.insertBefore($li_2);
6.刪除ul中的第2個li元素:
var $li = $("ul li:eq(1)");
// 再加回去 - -
$("ul").append($li);
// 或
$li.appendTo("ul");
7.從ul中刪除title為’栗子的’li元素:
$("ul li").remove(li[title="栗子"])
8.select框初始化選中值為"2號"的下拉框:
// html
<select id="single"><option>1號</option><option>2號</option><option>3號</option>
</select>// js
$('#single').val("2號")
// 或
$("#single option:eq(1)).attr("selected",true);
9.初始化選中值為"1號","3號"的復選下拉框:
$("mutiple").val(["1號","3號"])
10.初始選擇值為"radio2"的單選按鈕:
// html
<input type="radio" value="radio1" /> 單選1
<input type="radio" value="radio2" /> 單選2
<input type="radio" value="radio3" /> 單選3//js
$(":radio").val("radio2");
// 或
$("[value=radio2]:radio").attr("checked",true);
11.初始選擇值為[“check1”,“check3”]的復選按鈕
$(":checkbox").val(["check1","check3"]);
參考《鋒利的jQuery》(第2版)P68~P69