【提取元素的值 】【追加文本append】【删除文本remove】【class的操作】【读取元素的宽度，高度】

1.取值

$("#test").text()                                    //取id=test里面的文字

$("#test").text("hello jquery")                //设置id=test里面的文字

$("#test").html()                                    //取id=test里面的html

$("#test").html("<b>hello jquery</b>")  //设置id=test里面的html

$("#test").val()                                        //取id=test里面的value

$("#test").val("myjquery")                     //设置id=test里面的value

$("#test").attr("href")                            //取链接

$("#test").attr("href","www.baidu.com")       //设置链接

$("#test").attr({
      "href" : "http://www.w3school.com.cn/jquery/",     //改变链接
      "title" : "W3School jQuery 教程"                             //改变标题
    });

2.追加文本

1）插入文本

$("#test").append(" <b>被选元素上面，内容的后面插入内容</b>.");       //在结尾追加内容

$("#test").after("<b>被选元素之后插入内容</b>")

$("#test").prepend("<b>被选元素上面，内容的前面插入内容</b>. ");      //在开头插入文本

$("#test").before("<b>被选元素之前插入内容</b>");

2）三种插入方式

<script>
function appendText()
{
var txt1="<p>Text.</p>";              // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");  // 以 jQuery 创建新元素
var txt3=document.createElement("p");
txt3.innerHTML="Text.";               // 通过 DOM 来创建文本
$("body").append(txt1,txt2,txt3);        // 在body结尾追加新元素
}
</script>

3.删除文本

$("#test").remove();                //删除整个被选元素

$("p").remove(".italic");           //带参数，删除<p>标签下的所有class=italic的元素

$("#test").empty();                 //清空被选元素，即删除被选函数的所有子函数

4.class的操作

1）添加class

指定单个元素$("div").addClass("myclass");                 //需事先定义一个类myclass，并给div指定添加这个类，若有相同的属性，则不发生改变

指定多个元素$("h1,h2,p").addClass("myclss");            //需事先定义一个类myclass，并给h1,h2,p指定添加这个类，若有相同的属性，则不发生改变

2）删除class

$("div").removeClass("myclass");                             //删除元素上指定的类

<div class="myclass">内容</div>

3）切换class

$("div").toggleClass("myclass");                         //需事先定义一个类myclass，并给div指定切换这个类，若有相同的属性，则不发生改变

5.读取元素的宽度，高度

$("#div1").width()                     //读取id=div的元素的宽度

$("#div1").outerWidth()            //读取id=div的元素的宽度,（包括内边距和边框)

$("#div1").height()                    //读取id=div的元素的高度

$("#div1").outerHeight()            //读取id=div的元素的高度,（包括内边距和边框）