Jquery系列-Jquery属性过滤器

最新推荐文章于 2022-05-07 13:08:38 发布

原创最新推荐文章于 2022-05-07 13:08:38 发布 · 821 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用jQuery的选择器来选取具有特定属性的HTML元素及表单中的元素状态，例如通过属性过滤器选取有ID属性的div，获取title属性为特定值的元素，选择表单中被启用或禁用的元素等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>