jQuery-学习积累-3

一、获取html的内容和属性

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

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值

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

二、设置文本内容和属性

$("#btn1").click(function(){ 
    $("#test1").text("Hello world!"); 
}); 
$("#btn2").click(function(){ 
    $("#test2").html("<b>Hello world!</b>"); 
}); 
$("#btn3").click(function(){ 
    $("#test3").val("RUNOOB"); 
});

修改属性：

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

三、添加元素

用于添加新内容的四个 jQuery 方法：

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

四、删除元素

• remove() - 删除被选元素（及其子元素） $("#div1").remove();
•  remove() 方法也可接受一个参数，允许您对被删元素进行过滤。下面的例子删除 class="italic" 的所有 <p> 元素：$("p").remove(".italic");
  
• empty() - 从被选元素中删除子元素  $("#div1").empty();

五、添加和删除类

• ddClass() - 向被选元素添加一个或多个类
• removeClass() - 从被选元素删除一个或多个类
• toggleClass() - 对被选元素进行添加/删除类的切换操作
• css() - 设置或返回样式属性

六、尺寸处理

• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()