jQuery 选择对象问题 …

页面中使用两个相同的 CLASS 名，为什么不可以通过 $(".xx"); 选择到它们两个啊？如果想要那效果，如何做？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head>
<body>
<input class="a" type="text" />
<input class="a" type="text" />
<input type="text" />
<input type="text" />
<input type="text" /><script>
alert($('.a').length)

$.each($('.a'),function(i){
alert($('.a')[i])
})
</script>
</body>
</html>
jquery返回的就是数组可以用each循环~·
查找所有类是 "myClass" 的元素. HTML 代码:<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
jQuery 代码:$(".myClass");
结果:[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]
你怎么对他们进行操作啊，比如 HIDE()
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head>
<body>
<input class="a" type="text" />
<input class="a" type="text" />
<input type="text" />
<input type="text" />
<input type="text" /><script>
     alert($('.a').length)


    $.each($('.a'),function(i){
        $('.a')[i].hide();
    })
</script>
</body>
</html>
仔细读一下jquery 文档吧。http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html有问题请到我的博客留言，我会及时回复的。
根据给定的类匹配元素。--------------------------------------------------------------------------------Matches all elements with the given class.
返回值
Array<Element>参数
class (String) : 一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。示例
查找所有类是 "myClass" 的元素. HTML 代码:<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
jQuery 代码:$(".myClass");
结果:[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]
  $(".xx"）能选多个，再用.hide()就能隐藏多个同一个class的标签
<script src="jquery/jquery.js"></script>
<script>
  function hideIt()
  {
  $(".toHide").hide();
  };
</script>
</head><body> <p class="toHide">hide_p_1</p>

<p class="toHide">hide_p_2</p>

<input type="button" value="clickToHide"onclick="hideIt()" />

</body>