一、小结
1、JQuery对html元素的值的操作
①、html() : 包括有元素的值以及子元素
②、text() : 获取到元素的值,不包括子元素
③、val() : 获取输入框等表单元素的值
2、JQuery对html元素的属性进行操作
①、通过attr()方法对html元素的属性进行操作,设置元素的属性值
jqObj.attr(“属性名称”,”属性值”);$("a").attr("href","http://www.163.com");
②、获取元素属性的值
var attrValue=jqObj.attr("属性名称");
var hrefValue=$("a").attr("href");
③、可以利用json数据对html元素的多个属性进行设置。
jqObj.attr(json);
$("a").attr({"title":"提示信息","href":"http://www.163.com"});
3、JQuery对单一属性的操作
var checkValue=jqObj.prop(“checked”); //特别注意:默认情况下,在jq中checked属性的返回值true|false;
jqObj.prop("checked",true);
jqObj.prop("checked",function(index,val));
//完成复选框反选功能的实现
$(""input[type='checked']"").prop(""checked"",function(index,val){
return !val;
});
//完成复选框全选功能的实现
$(""input[type='checked']"").prop(""checked"",function(index,val){
return true;
});"
4、通过Jquery获取下拉列表框中被选中那项的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-2.1.4.js"></