1. 程式人生 > >Jquery常用選擇器和DOM操作方法的彙總

Jquery常用選擇器和DOM操作方法的彙總

1、選擇器

id選擇器 $("#id")
元素選擇器 $("tagName")
類選擇器 $(".className")
屬性選擇器 $("[name]") $("[name=name]")
查詢所有的input標籤: $("input")
篩選/組合 $("userTables input") $("td>input") $("#userTables [name]")
空格篩選 找前置內容的所有子元素 >篩選 查詢子標籤的內容
$("<div>") 是不是選擇器?什麼作用?
不是選擇器,建立一個div標籤。

var a = $("<div");
$("#parent").append(a);

2、Dom操作方法

append – 追加 a.append(b) 將b追加到a的內部末尾
appendTo – 追加到 a.appendTo(b) 將a追加到b的內部末尾
empty – 清空內部標記 a.empty()
remove – 刪除/移除 a.remove() 刪除a元素
eq – a.eq(0) 獲取a陣列中0下標的元素
parent – a.parent() 獲取a的父元素
a.parent("form") 獲取a的父元素,且父元素必須是form
parentsUntil – a.parentUntil("div") 找a的祖先元素,直到div為止,即a元素的祖先元素,且是div的子元素。
find – a.find("td")

找a元素的子孫元素,且元素為td
children – a.children() 找a元素的直接子元素
sibling – a.sibling("input") 找a元素的兄弟元素,且元素為input
clone – a.clone() 建立一個和a元素完全一致的克隆元素
html – a.html() 獲取a元素的內部資訊
a.html("<span>aaa</span>") 替換a元素的內部資訊
attr – a.attr("name") 獲取a元素的name屬性值
a.attr("name","aaa") 為a元素的name屬性值
val – a.val() 獲取a元素的value屬性值 a.val("aaa")