jquery中一些的基础的选择器、
1、
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />
<input type="checkbox" name="newsletter" value="Weekly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>
jquery 代码:
$("input:checked") 查找所有选中的复选框元素
var uncheckbox= $("input[name='newsletter']").not("input:checked") 所有没有未选中的复选框元素
2、
<select id="sel">
<option value="1">Flowers</option>
<option value="2" selected="selected">Gardens</option>
<option value="3">Trees</option>
</select>
jquery 代码:
var sel=$("#sel option:selected") 查找所有选中的选项元素
option.val(); option.text();
这是返回没被选中的option集合,使用$.map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。如果option中没有value属性,那么直接返回option的文本内容。
$(function(){
var unsel=$.map(#sel option:not(:selected));
$(function(ele)){
return ele.value
}).join(",");
reuturn alert(unsel);
})
3、匹配所有 input, textarea, text、checkebox、file、submit、select 和 button 等等元素
下面这些元素都会被匹配到。HTML代码:
<form>
<input type="button" value=“input Button”/>
<input type="file"/>
<input type="hidden"/>
<input type="password"/>
<input type="radion" />
<input type="reset" />
<input type="text" />
<input type="checkbox" />
<input type="image" />
</form>
注意:jquery代码:
查找所有input元素: $(":input") 查找所有的担心按钮: $(":radio")
匹配所有的单行文本框、 查找所有文本框:$(":text") 查找所有的密码:$(":password")
查找所有复选框: $(":checkbox") 查找所有匹配提交按钮: $(":submit")
匹配所有图像域 : $(":image") 匹配所有文件域 : $(":file")
查找所有匹配提交重置按钮: $(":reset") 查找所有按钮: $(":button")
2、
<form>
<input name="email" disabled="disabled" />
<input name="email" disabled="disabled" />
<input name="id" />
</form>
注:juquery代码
$("input:enabled") 查找所有可用的input元素 结果只有 <input name="id" />
$("input:disabled") 查找所有不可用的input元素 : 中有<input name="email" disabled="disabled">