js中怎么给属于同一class的按钮设置相同的【mouseenter】效果

Question

在html页面中写了一个按钮，属于同一个class，想在鼠标移入按钮的时候给他们设置一样的效果，如何在js中用一个函数实现。

Answer 1

var all=document.getElementsByTagName("*");
for(var i=0;i<all.length;i++){
if(all[i].className=="test"){
all[i].onmouseover=change;
}
}
function change(){....}
试试

Answer 2

……change函数中不用传入参数吗

Answer 3

这个看你想实现什么样的效果了啊  change根据要求只能自己写了啊

Answer 4

for(i=0;i<$(".toolbutton").size()-1;i++){
$(".toolbutton")[i].mouseenter(function(e) {
      $( ".toolbutton")[i] .css("border-color","#000");
    });
}
用jquery的函数 这样设置为什么没有效果呢…… 感觉和你给的例子差不多啊，你给的例子我没有去试了，因为不知到change该传什么参数进去才能让函数识别是哪个按钮

Answer 5

jq的话可以这样写
$(".btn-class").bind("mouseover",function(){}).bind("mouseout",function(){});

Answer 6

google chrome 是不是不能识别 onmouseenter啊?

Answer 7

<input type="button" class="showbo" value="按钮1"/><br/><input type="button" class="showbo" value="按钮2"/><br/><input type="button" class="showbo" value="按钮3"/><br/><input type="button" class="showbo" value="按钮4"/><br/><input type="button" class="showbo" value="按钮5"/><br/><input type="button" class="showbo" value="按钮6"/>
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
var btns=$(".showbo");
btns.mouseover(function(){btns.css('background-color','#fff')}).mouseout(function(){btns.css('background-color','')});
})
//]]>
</script>

Answer 8

解决了
不知道为什么for(i=0;i<$(".toolbutton").size()-1;i++){
$(".toolbutton")[i].mouseenter(function(e) {
      $( ".toolbutton")[i] .css("border-color","#000");
    });
}
这样没有效果
用each遍历解决了
 $(".toolbutton").each(function() {
 $(this).mouseenter(function(e) {
    $(this).css("background-color","#999");
});
 $(this).mouseleave((function(e) {
    $(this).css("background-color","#fff");
}))});
这样就可以了，真是奇怪……