您的位置:首页 > Web前端 > JQuery

Jquery系列-Jquery属性过滤器

2013-10-29 00:11 447 查看
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
//属性过滤器
$(function(){
//选取有ID属性的div
$('div[id]')
//获取属性title属性为test
$('div[title=test]')
//
$('div[title!=test]')
//其他 选择开头 结束 包含等,条件还可以复合

//表单对象选择器
//选择id为form1的表单内所有的启用元素
$('#form1 :enable')
$('#form1 :disable')
$('input :checked')
$('input :selected')

$('input[value=显示选中项]').click(function(){
alert($('input:checked').val());
});

});
</script>
</head>
<body>

<input type="checkbox" value="北京"/>背景 <br/>
<input type="checkbox" value="北京"/>背景 <br/>
<input type="checkbox" value="北京"/>背景 <br/>
<input type="checkbox" value="北京"/>背景 <br/>
<input type="button" value="显示选中项"/> <br/>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: