jQuery HTML
jQuery 操作DOM对象
text() 设置或返回所选元素的文本内容
html() 设置或返回所元素的内容
val() 设置或返回表单字段的值
$(function(){
$("#btn1").click(function(){
$("#test").text("hello motor");//设置文本值
alert("TEXT: " + $("#test").text() );
});
$("#btn2").click(function(){
$("#test").html("<b>Hello model</b>");//设置html语句
alert("HTML: "+ $("#test").html());
})
});
text(function(i,origText){
}) html() val() 都有回调函数参数为被选元素列表中当前元素的下标及原始的值
$("button").click(function(){
$("$runoob").attr("href","http//www.baidu.com");
})
<input type="text" id="test" value="哈哈哈"></p>
$(function(){
$("button").click(function(){
alert("值为: " + $("#test").val());
});
})
attr()获取属性
<a href="http://www.baidu.com" id="runoob">test</a>
<button> 显示属性 </button>
$(function(){
$("button").click(function(){
alert($("#runoob").attr("href"));
});
});
jQuery 还可以添加删除元素 设置类方法 及尺寸 设置和返回元素的尺寸width() height()
- append() - 在被选元素的结尾插入内容
- prepend() - 在被选元素的开头插入内容
- after() - 在被选元素之后插入内容
- before() - 在被选元素之前插入内容
- remove() - 删除被选元素(及其子元素)
- empty() - 从被选元素中删除子元素
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css() - 设置或返回样式属性
-
$("p").css("background-color","yellow");设置css属性