jquery学习笔记四表单操作

最新推荐文章于 2022-08-15 20:33:45 发布

丫β

最新推荐文章于 2022-08-15 20:33:45 发布

阅读量125

点赞数

分类专栏： jquery 文章标签： jquery学习笔记

本文链接：https://blog.csdn.net/weixin_44981396/article/details/102772076

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

query学习笔记四表单操作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="" method="post">
			复选框1<input type="checkbox" name="" id="" value="复选框1" />
			复选框2<input type="checkbox" name="" id="" value="复选框2" />
			复选框3<input type="checkbox" name="" id="" value="复选框3" />
			<select name="">
				<option value="列表项1">列表项1</option>
				<option value="列表项2">列表项2</option>
				<option value="列表项3">列表项3</option>
			</select>
			<input type="submit" value="提交"/>
		</form>
		
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var $check = $('input:checkbox');
				console.log($check);
			})
			/**
			 * :checked	匹配选中的的元素	$('input:checked')
			 * :disabled	匹配不可用的元素	$('input:disabled')
			 * :enabled	匹配所有可用的元素	$('input:enabled')
			 * :selected	匹配所有选中的元素	$('select option:selected')
			 * 
			 * 子元素选择器
			 * :first-child	$('ul li:first-child')	匹配ul第一个子元素li
			 * :last-child	$('ul li:last-child')	匹配ul最后一个子元素li
			 * :only-child	$('ul li:only-child')	匹配只含有一个li元素的ul元素的li
			 * :nth-child(index/even/odd/equation)	
			 * $('ul li:nth-child(3)')	匹配ul中第3个li
			 * $('ul li:nth-child(even)')	匹配ul中下标为偶数的li
			*/
		   
		</script>
	</body>
</html>

丫β

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery学习笔记四表单操作

query学习笔记四表单操作<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="" method="post"> 复选框1...
复制链接

扫一扫