Jquery常用選擇器和DOM操作方法的彙總
阿新 • • 發佈:2018-12-01
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")
children –
a.children()
找a元素的直接子元素sibling –
a.sibling("input")
找a元素的兄弟元素,且元素為inputclone –
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")