jQuery 操作元素

1.使用attr()方法控制元素的属性：

$("#id1").attr("href","www.baidu.com");

2.操作元素的内容

1）获取元素内容

<div id="id2"><i>我是倾斜的吗</i></div>

$("#id2").html();   //获取元素的HTML内容，可包含HTML格式的样式  结果是：   我是倾斜的吗

$("#id2").text();                                                 //获取元素的文本内容  结果是：   我是倾斜的吗

2）修改元素内容：

var $content="<b>我变胖了了没</b>";

$("#id2").html($content);          //结果是      我变胖了了没

$("#id2").text($content);          //结果是     <b>我变胖了了没</b>

3.添加元素的样式

.one{

color:white;

}

.two{

      background-color:blue;

}

$("#id3").addClass("one two");     //添加了两个类

4.移除属性和样式

<div id="id4" class="one two">我有背景色吗</div>                //结果是：  我有背景色吗

$("#id4").removeClass("one two");                                          //结果是：  我有背景色吗

或者

$("#id4").removeAttr("class");                                                  //结果是：   我有背景色吗