jQuery的addClass,removeClass和toggleClass方法，最后一个方法在某一情形之下，可以替代前面2个方法。
第一个方法addClass为元素添加一个class。
第二个方法removeClass，移除一个class。
第三个方法toggleClass是互斥class。
创建样式，当文本框focus时，文本框边框高亮和变宽，当blur时，恢复原来样式。
.textbborder { border:solid; border-color:red; border-width:3px; }
接下来可以使用jQuery代码实现：
上面的代码，Insus.NET是使用addClass和removeClass方法来实现。如果是使用toggleClass方法呢，可以参考下面的代码：
$(function () { //$('#Text1').focus(function () { // $(this).addClass('textbborder'); //}); //$('#Text1').blur(function () { // $(this).removeClass('textbborder'); //}); $('#Text1').focus(function () { $(this).toggleClass('textbborder'); }); $('#Text1').blur(function () { $(this).toggleClass('textbborder'); }); })
Source Code
演示：
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/3316/viewspace-2811992/ ，如需转载，请注明出处，否则将追究法律责任。
请登录后发表评论
登录
全部评论
