jQuery DOM 操作：

        jQuery DOM 操作：

<div id="a1">hellow world</div>

 

<button type="button" id="aa">显示值</button>
<p><input type="text" id="text" value="" /></p>

<img src="..." >

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

 $("#a1").click(function(){

                     alert($("#a1").html())
 })

text() - 设置或返回所选元素的文本内容:
 $("#a1").click(function(){
                     alert($("#a1").text())
 })

val() - 设置或返回表单字段的值:
 $("#aa").click(function(){
                     alert($("#text").val())

attr() 方法用于获取属性值:
$("button").click(function()            

                     alert($("#imp).attr());

});

jQuery - 添加元素:

<div id="cc">hellow  world</div>

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

$("#cc").append("追加文本")

prepend() - 在被选元素的开头插入内容:
$("#cc").prepend("追加文本")

after() - 在被选元素之后插入内容:
$("#cc").after("追加文本")

before() - 在被选元素之前插入内容:
$("#cc").before("追加文本")

jQuery - 删除元素:

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

$("#div1").remove();

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

$("#div1").empty();

jQuery - 获取并设置 CSS 类:

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

.important {

font-weight:bold;

font-size:xx-large;

}

.blue {

color:blue;

}

$("button").click(function(){

         $("h1,h2,p").addClass("blue");

         $("div").addClass("important");

});

您也可以在 addClass() 方法中规定多个类：

$("button").click(function(){

         $("body div:first").addClass("important blue");

});

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

$("button").click(function(){

         $("h1,h2,p").removeClass("blue");

});

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

$("button").click(function(){

         $("h1,h2,p").toggleClass("blue");

});

只有h1，h2，p标签中带”biue“变量消失，其余h1，h2，p标签变为”blue“变量

jQuery css() 方法：

设置 CSS 属性：

$("p").css("background-color","yellow");

设置多个 CSS 属性：

$("p").css({"background-color":"yellow","font-size":"200%"});

jQuery 尺寸方法：

width()

height()

innerWidth()

innerHeight()

outerWidth()

outerHeight()

---