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

總結

以上是生活随笔為你收集整理的jquery --- DOM操作、表单元素的初始化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。