请问jquery里,如何选中所有指定了class为btn且写了style属性的input?
我用的jquary版本是1.5.1.请运行后没问题再发上来,貌似通过属性选中其他属性都可以,就是style属性不管用。...
我用的jquary版本是1.5.1.请运行后没问题再发上来,貌似通过属性选中其他属性都可以,就是style属性不管用。
展开
展开全部
经我测试,这是一个BUG,在最新版的js(jquery-1.7.1.min.js)里已修正
加上一点http://bugs.jquery.com/ticket/3399,楼主可以在这个网址上看到BUG信息
<html>
<head>
<title>test</title>
<style>
.btn{
font-size:18px;
}
</style>
<script src="jquery-1.7.1.min.js"></script>
<script>
$(function(){
alert("ok");//验证jquery是否正确引入
$(".btn[style]").click(function(){
alert($(this).attr("style"));
alert($(this).attr("value"));
});
});
</script>
</head>
<body style="text-align:center;">
<input type="button" class="btn" value="button1">
<input type="button" class="btn" value="button2" style="color:green">
<input type="button" class="btn" value="button3" style="color:red">
<input type="button" class="btn" value="button4" style="color:blue">
<input type="button" class="btn" value="button5" style="color:#6bcf8b">
<input type="button" class="btn" value="button6">
</body>
</html>
加上一点http://bugs.jquery.com/ticket/3399,楼主可以在这个网址上看到BUG信息
<html>
<head>
<title>test</title>
<style>
.btn{
font-size:18px;
}
</style>
<script src="jquery-1.7.1.min.js"></script>
<script>
$(function(){
alert("ok");//验证jquery是否正确引入
$(".btn[style]").click(function(){
alert($(this).attr("style"));
alert($(this).attr("value"));
});
});
</script>
</head>
<body style="text-align:center;">
<input type="button" class="btn" value="button1">
<input type="button" class="btn" value="button2" style="color:green">
<input type="button" class="btn" value="button3" style="color:red">
<input type="button" class="btn" value="button4" style="color:blue">
<input type="button" class="btn" value="button5" style="color:#6bcf8b">
<input type="button" class="btn" value="button6">
</body>
</html>
追问
原来是bug,那请问有什么办法直接在1.5.1基础上修正吗?因为项目使用的是1.5.1,升级怕引起其他地方的问题呀。
追答
一般JQUERY是向下兼容的,所以替换掉应该是不会出问题的,你可以在项目中再添加一个最新版本的JQUERY,然后就这个页面引用最新jquery
因为是BUG,所以就不能再用style属性来选择了,我也没有想到什么好的办法,你可以给有style属性的input 再添加一个空的class,我稍微改了下,你试试
test
.btn{
font-size:18px;
}
$(function(){
//alert("ok");//验证jquery是否正确引入
$(".hyt").click(function(){
alert($(this).attr("style"));
alert($(this).attr("value"));
});
});
展开全部
$(document).ready(function() {
$('input[class=btn]').each(function(){
if(typeof($(this).attr("style"))!="undefined"){
$(this).attr("checked",true);
}
});
});
已测试没有问题。
$('input[class=btn]').each(function(){
if(typeof($(this).attr("style"))!="undefined"){
$(this).attr("checked",true);
}
});
});
已测试没有问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询