一、属性过滤选择器
$("div[id]")选取有id属性的<div>
$("div[title=test]")选取title属性为test的<div>,jQuery中没有对getElementByName()进行封装
比如选取所有的文本框,就是$("input[type=text]")
$("div[title!=test]")选取title属性不为test的<div>
$("div[id*=test]")选取id属性中包含test的<div>给定属性是以包含某些值的元素
$("div[id^=test]")选取id属性中以test开头的<div>
$("div[id$=test]")选取id属性中以test结尾的<div>
复合属性选择器就是几个中括号连起来
$("div[id^=test][id$=a]")选取id属性以test开头,以a结尾的<div>
二、表单对象选择器(过滤器)
$("#form1:enabled")选取id为form1的表单内所有启用的元素
$("#form1:disabled")选取id为form1的表单内所有禁用的元素
$("input:checked")选取所有选中的元素(Radio,CheckBox)
$("select option:selected")选取所有选中的选项元素(下拉列表)
三、表单选择器
$(":input")选取所有的<input>,<textarea>,<select>,<button>元素,和$("input")不一样,$("input")只获得<input>
$(":text")选取所有的单行文本框,等价于$("input[type=text]")
$(":password")选取所有的密码框。同理还有:radio,:checkbox,:submit,:image,:reset,:button,:file,:hidden.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<link rel="stylesheet" type="text/css" href="table.css">
<title></title>
<script src="../jquery-1.8.2.js" type="text/javascript"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(function(){
$("#selectHobby").click(function()
{
$("input[type=checkbox]:checked").each(function()
{
alert($(this).val());
});
});
});
</script>
</head>
<body>
<input type="checkbox" value="cf" />吃饭
<input type="checkbox" value="sj" />睡觉
<input type="checkbox" value="ddd" />打豆豆
<input id="selectHobby" type="button" value="选择爱好">
</body>
</html>