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")

猜你喜欢

转载自blog.csdn.net/xiaoxia188/article/details/84567340
今日推荐