如何用Jquery区别textbox 和button分别施加不同css呢？

Question

如题，诚心求教直接input{xxxx...} 会给文本框和按钮 添加一样的css样式如果分别在元素中 设定 class="" 和 id="" 那就太麻烦了，肯定用jquery 可以区别textbox 和input 吧请问怎么搞呢？谢谢

Answer 1

$('input[type=button]').addClass('btnClass');
$('input[type=text]').addClass('txtClass');

Answer 2

<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>

Answer 3

input[type=button]{}
input[type=text]{}CSS轻松就搞定了，哪需要用到什么jQuery。。

Answer 4

$("input:text")
$("input:button")

Answer 5

顶， 楼主应该这样， 而不是用jquery。 能不写代码的尽量不要写代码。
如果用jquery , 你每个页面都得写， 烦不烦？

Answer 6

同意  能用css解决的  就不要用js解决

Answer 7

这样的css 代码，浏览器识别不了

Answer 8

你用的是万恶的IE6吧。。 input{
_background-color: expression((function(elem){
if(elem.type === "text"){
return "#FFFFCC";
}else if(elem.type === "button"){
return "#EEEEEE";
}
})(this)); 
}
input[type=text]{
background-color: #FFFFCC;
}
input[type=button]{
background-color: #EEEEEE;
}