一、基本
$("")是一个jquery对象,而不是一个dom element;value是dom element的属性,jquery与之对应的是val。
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
选择器:
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 class="intro" 的 <p> 元素 |
$(".intro") | 所有 class="intro" 的元素 |
$("#intro") | id="intro" 的元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |
二、示例
1、文本框、文本区域:
取值:$("#txt").attr("value");$("input[name='txt']").val();
赋值:$("#txt").attr("value",'11');
2、复选框CheckBox:
取值:$("#checkbox_id").attr("value");
勾选:$("#checkbox_id").attr("checked",true);$("input[type='checkbox']").attr("chacked",true);将多选框设为全选中状态,false为不选中状态
不勾选:$("#checkbox_id").attr("checked",'');$("input['tupe=checkbox']").removeAttr("checked");
判断是否勾选:if($("#checkbox_id").attr("checked")==checked) ;JQ1.6之后返回checked或者是undefined (1.6之前返回true或者是false)
3、Radio:
取值:$("input[@type=radio][@checked]").val();
设置选中项:$("input[@type=radio]").attr("checked",'2');设置value=2的项目为当前选中项
4、Select下拉框:
取值:$('#sel').val();
设置选中项: $("#sel").attr("value",'123');//设置value=123的项目为当前选中项
添加Option:$("<option value='1'>1</option><option value='2'>2</option>").appendTo("#sel")//添加下拉框的option
清空:$("#sel").empty();//清空下拉框
5、DropDownList:
取值:$("#ddlID option:selected").val();
6、添加删除属性:
$("#ID").attr("class", 'required');
$("#ID").removeAttr("class");