当前位置: 代码迷 >> JavaScript >> 怎么用Jquery区别textbox 和button分别施加不同css呢
  详细解决方案

怎么用Jquery区别textbox 和button分别施加不同css呢

热度:39   发布时间:2012-05-02 15:36:04.0
如何用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]{

} 
  相关解决方案