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

[epui2008]

如题，诚心求教

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

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

请问怎么搞呢？谢谢

[Acesidonu]

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

[p2227]

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

[m540920181]

[Quote=引用 2 楼 p2227 的回复:]

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">
$(func……
[/Quote]
就这样的形式，以此类推。

[峭沙]

input[type=button]{

}
input[type=text]{

}

CSS轻松就搞定了，哪需要用到什么jQuery。。

[fxfeng2000]

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

[吉普赛的歌]

[Quote=引用 4 楼 axiheyhey 的回复:]

CSS code
input[type=button]{

}
input[type=text]{

}
CSS轻松就搞定了，哪需要用到什么jQuery。。
[/Quote]

顶， 楼主应该这样， 而不是用jquery。

能不写代码的尽量不要写代码。
如果用jquery , 你每个页面都得写， 烦不烦？

[RainOnly]

[Quote=引用 6 楼 yenange 的回复:]
引用 4 楼 axiheyhey 的回复:

CSS code
input[type=button]{

}
input[type=text]{

}
CSS轻松就搞定了，哪需要用到什么jQuery。。


顶， 楼主应该这样， 而不是用jquery。

能不写代码的尽量不要写代码。
如果用jquery , 你每个页面都得写， 烦不烦？
[/Quote]

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

[epui2008]

[Quote=引用 7 楼 的回复:]

引用 6 楼 yenange 的回复:
引用 4 楼 axiheyhey 的回复:

CSS code
input[type=button]{

}
input[type=text]{

}
CSS轻松就搞定了，哪需要用到什么jQuery。。


顶， 楼主应该这样， 而不是用jquery。

能不写代码的尽量不要写代码。
如果用jquery , 你每个页面都得写……
[/Quote]


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

[三石-gary]

http://haha-net.iteye.com/blog/165132

[峭沙]

你用的是万恶的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;
		}