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

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

2016-06-09 17:34 591 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航