jQuery选择器-层次选择器示例

最新推荐文章于 2022-11-03 22:33:30 发布

qq_34734520

最新推荐文章于 2022-11-03 22:33:30 发布

阅读量356

点赞数

分类专栏： jQuery九类选择器及应用

本文链接：https://blog.csdn.net/qq_34734520/article/details/51622189

版权

jQuery九类选择器及应用专栏收录该内容

9 篇文章 1 订阅

订阅专栏

 <html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<span style="white-space:pre">	</span><span style="font-size:24px;color:#ff0000;">//jquery根据实际导入版本选择</span>
  	<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  </head>
  <body>
    <!-- 
    <input type="radio" value="z"/>
	<input type="radio" value="e"/>
	<input type="radio" value="y"/>
	-->
	<form>
		<input type="text" value="a"/>		
		<table>
			<tr>
				<td>
					<input type="checkbox" value="b"/>
				</td>
			</tr>			
		</table>
	</form>
	<input type="radio" value="ccccccccc"/>
	<input type="radio" value="d"/>
	<input type="radio" value="e"/>
	<script type="text/javascript">
	
	//1)找到表单form里所有的input元素的个数
	//alert( $("form input").size() );
	
  	//2)找到表单form里所有的子级input元素个数
  	//alert( $("form>input").size() );
  	
  	//3)找到表单form同级第一个input元素的value属性值
  	//alert( $("form+input").val() );
  	
  	//4)找到所有与表单form同级的input元素个数
  	alert( $("form~input").size() );
  	
	</script>
  </body>
</html>