Query九类选择器（二）

最新推荐文章于 2023-03-06 11:14:57 发布

boxyuan

最新推荐文章于 2023-03-06 11:14:57 发布

阅读量379

点赞数

分类专栏： JQuery 文章标签： JavaScript jQuery

本文链接：https://blog.csdn.net/boxyuan/article/details/79039378

版权

JQuery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	<form>
	    <input type="button" value="Input Button"/><br/>
	    <input type="checkbox" /><br/>
	    <input type="file" /><br/>
	    <input type="hidden" name="id" value="123"/><br/>
	    <input type="image" src="../images/lb.jpg" width="25px" height="25px"/><br/>
	    <input type="password" /><br/>
	    <input type="radio" /><br/>
	    <input type="reset" /><br/>
	    <input type="submit" /><br/>
	    <input type="text" /><br/>
	    <select><option>Option</option></select><br/>
	    <textarea></textarea><br/>
	    <button>Button</button><br/>
	</form>
	
	<script type="text/javascript">
	
		//1)查找所有input元素的个数
		//alert( $("input").size() );//10，找input标签
		//alert( $(":input").size() );//13，找input标签和select/textarea/button
			
	  	//2)查找所有文本框的个数
	  	//alert( $(":text").size() );
	  	
	  	//3)查找所有密码框的个数
	  	//alert( $(":password").size() );
	  			
	  	//4)查找所有单选按钮的个数
	  	//alert( $(":radio").size() );
	  	
	  	//5)查找所有复选框的个数
	  	//alert( $(":checkbox").size() );
	  	
	  	//6)查找所有提交按钮的个数
	  	//alert( $(":submit").size() );
	  	
	  	//7)匹配所有图像域的个数
	  	//alert( $(":images").size() );
	  	
	  	//8)查找所有重置按钮的个数
	  	//alert( $(":reset").size() );
	  	
	  	//9)查找所有普通按钮的个数
	  	//alert( $(":button").size() );
	  	
	 	//10)查找所有文件域的个数
	 	//alert( $(":file").size() );
	 	
	 	//11)查找所有input元素为隐藏域的个数
	 	//alert( $(":input:hidden").size() );
	 	
	</script>
  </body>
</html>

boxyuan

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Query九类选择器（二）

Option Button //1)查找所有input元素的个数 //alert( $("input").size() );//10，找input标签 //alert( $(":input").size() );//13，找input标签和select/textarea/button //2)查找所有文本框的个数 //ale
复制链接

扫一扫