IE6下，javascript控制input获取焦点时突出显示，异常

去掉border里的expression,
上面可以改成$("input[type=text],input[type=passoword]")

expression( (this.type=="text" ||this.type=="password") ?"1px solid rgb(250,210,20)" :"none");
}这表达式的问题，IE6好像地这种写法是不兼容的，我记得好像是这个表达式比较耗资源，有时候可以，有时候不可以，不稳定。建议还是分开写！不要用这种表达式的形式！

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！

我刚刚又做了下测试，在blur事件中，removeClass之后，输出一下这个input的class，发现，这个class的确是被remove掉了的，但是不知道为什么那个效果还在。我用同事的机子上的Ie6测试了，也是如此。

js能add或remove一个class么？
毕竟我这里不能直接element.setAttribute("className","inputIE")这样，还有其他的class在呢，不能直接赋值。。

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？是1.4的

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？不对，刚又看了下，应该是1.5.2

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？不对，刚又看了下，应该是1.5.2我用的1.7.1呢，你把我代码复制过去吧jquery的js 换成你的试试，可以不？

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？不对，刚又看了下，应该是1.5.2我用的1.7.1呢，你把我代码复制过去吧jquery的js 换成你的试试，可以不？嗯，好的，谢谢！我回去研究研究，先下班了。

求指教！！
Ie6不支持对input type的选择器啊
input[type='text']
$(':text')
这两种都IE6里都不支持。那要怎么办啊？
不会吧！
我去写个例子试试！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
alert($("input[type='text']").length);
alert($(":input").length);
alert($(":text").length);
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>经测试是可以的呢，可以获取到html控件！
你jquery是什么版本？不对，刚又看了下，应该是1.5.2我用的1.7.1呢，你把我代码复制过去吧jquery的js 换成你的试试，可以不？谢谢ly12530的帮助，我刚刚试了下，jquery的选择器，Ie6下果然是可用的。之前一直没效果，可能是代码其他地方有错，影响了吧。

但老问题，removeClass不掉还是存在，我现在只好先勉强用个替代方法。
就是在blur里removeClass之后再add一个blur状态下的Class，同时在focus里先remove掉那个class再add突出显示的class。
这样绕了一个圈子来实现效果。不过还是希望能有更优的解决方案，这个removeClass其实明明已经remove了，但就是那个css效果却是还在，真是奇怪！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../artDialog/jquery-1.7.1.min.js"></script>
<title>无标题文档</title>
<style type="text/css">
.focus{border:1px solid #000}
</style>
<script type="text/javascript">
$(function(){
$("input").focus(function(){
$("input").removeClass("focus");
$(this).addClass("focus");
});
})
</script>
</head><body>
<input type="text" class="class1"  />
<input type="text" class="class2"  />
<input type="text" class="class3"  /></body>
</html>
是不是这个效果。

不是的，我是这样的：
$("input").focus(function(){
                $(this).removeClass("blur");
                $(this).addClass("focus");
            });
$("input").blur(function(){
                $(this).removeClass("focus");
                $(this).addClass("blur");
            });

不是的，我是这样的：
$("input").focus(function(){
                $(this).removeClass("blur");
                $(this).addClass("focus");
            });
$("input").blur(function(){
                $(this).removeClass("focus");
                $(this).addClass("blur");
            });
噢，具体需要具体实现。

调试易

IE6下，javascript控制input获取焦点时突出显示，异常

解决方案 »