jquery遍历dom祖先和儿孙

前言：材料来自菜鸟教程，侵权立即删除。

1、jQuery 中非常重要的部分，就是操作 DOM 的能力。

三个简单实用的用于 DOM 操作的 jQuery 方法：

• text() - 设置或返回所选元素的文本内容

• html() - 设置或返回所选元素的内容（包括 HTML 标记）

• val() - 设置或返回表单字段的值

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

2、jQuery attr() 方法用于获取属性值。

$("button").click(function(){
  alert($("#runoob").attr("href"));
});

注释：获得的href就是"//www.runoob.com"引号里面的部分。

修改href：

$("button").click(function(){
  $("#runoob").attr("href","http://www.runoob.com/jquery");
});

3、添加新的 HTML 内容：

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

实例：

$("p").append("追加文本");

jQu