jQuery学习笔记（六）

1、获取/设置 内容、属性

text() - 元素的文本内容

html() - 元素的内容（包括HTML标记）

val() - 表单字段的值

$(".btn1").click(function(){
     var s=$("#test").html();
    alert("Text:"+$("#test").text());
});

attr() - 获取属性，设置属性

alert($(".class").attr("name"));
$(".class").attr("name","name");

2、添加元素

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

源自：W3School.com

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}

3、删除元素

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

$("#div").remove();
$("#div").empty();
$("p").remove(".italic");             //删除class="italic"的所有<p>元素

4、获取并设置CSS类

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加删除类的切换操作

css() - 设置或返回样式属性