JavaScript学习笔记8-jQuery表单选择器

最新推荐文章于 2024-07-08 08:06:20 发布

hellochenlu

最新推荐文章于 2024-07-08 08:06:20 发布

阅读量424

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/hellochenlu/article/details/48439393

jQuery 专栏收录该内容

21 篇文章

订阅专栏

本文对比了jQuery中两种不同选择器$(#myForm:input)与$(#myForminput)的区别。前者能获取所有input、textarea、select及button元素，而后者仅获取所有input元素。

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

表单选择器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 <script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">

$(function()
{
	//alert($('#form1 :text').length);
    //alert($('#form1 :password').length);
    //alert($('#form1 :radio').length);
	//alert($('#form1 :checkbox').length);
	//alert($('#form1 :submit').length);
	alert($('#form1 :input').length);
	alert($('#form1 input').length);
});

</script>
</head>
<body>
  <form id="form1" action="#">
    <input type="button" value="Button"/><br/>
    <input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>
    <input type="file" /><br/>
    <input type="hidden" /><div style="display:none">test</div><br/>
    <input type="password" /><br/>
    <input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>
    <input type="reset" /><br/>
    <input type="submit" value="提交"/><br/>
    <input type="text" /><br/>
    <select><option>Option</option></select><br/>
    <textarea rows="5" cols="20"></textarea><br/>
    <button>Button</button><br/>
  </form>
 
  <div></div>
</body>
</html>

$(“#myForm :input”)与$(“#myForm input”)的区别是什么？

$(“#myForm :input”)会获取到所有input,textarea,select及button元素
$(“#myForm input”)或获取到所有的input元素（层次选择器）