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"); //结果是: 我有背景色吗