$(function () {
function fn(e) {
$(this).val(e.data)
}
var aa = $("input");
function a() {
aa.focusin('慕课网', fn);
aa.focusin(function () {
aa.css("border", "3px solid red")
});
aa.focusout('', fn);
aa.focusout(function () {
$("input").css()
})
}
a();
})我给失去焦点样式为空的话，没有效果，请问怎么样让他恢复才原来的默认样式？
2018-12-28
$(function () {
function fn(e) {
$(this).val(e.data)
}
var aa = $("input");
function a() {
aa.focusin('慕课网', fn);
aa.focusin(function () {
aa.css("border", "3px solid red")
});
aa.focusout('', fn);
aa.focusout(function () {
$("input").css()
})
}
a();
})你写的这个其实是对的，就是 aa.focusout() 这个地方，你没有设置 input 失去焦点的样式。
aa.focusout(function () {
$("input").css()
})此处应该为：
aa.focusout(function () {
$("input").css('border', 'none')
})啊。。不好意思。。确实是忘了测试了。
其实除了直接在 input 上修改 css ，还可以使用 addClass 和 removeClass 的方式来实现
<style>.abc{border: 3px solid red;}</style>$(function () {
function fn(e) {
$(this).val(e.data)
}
var aa = $("input");
function a() {
aa.focusin('慕课网', fn);
aa.focusin(function () {
aa.addClass('abc')
});
aa.focusout('', fn);
aa.focusout(function () {
aa.removeClass('abc')
})
}
a();
})
举报
