日期:2014-05-16  浏览次数:20451 次

如何用Jquery区别textbox 和button分别施加不同css呢?
如题,诚心求教

直接input{xxxx...} 会给文本框和按钮 添加一样的css样式

如果分别在元素中 设定 class="" 和 id="" 那就太麻烦了,肯定用jquery 可以区别textbox 和input 吧

请问怎么搞呢?谢谢

------解决方案--------------------
$('input[type=button]').addClass('btnClass');
$('input[type=text]').addClass('txtClass');
------解决方案--------------------
HTML code
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>

<input type="text"/>
<input type="button"/>

<script language="javascript" type="text/javascript">
$(function(){
    $("input[type=text]").css("border-color","red");
    $("input[type=button]").css("border-color","blue");
})

</script>

------解决方案--------------------
CSS code
input[type=button]{

}
input[type=text]{

}