首页 > 代码库 > jQuery的addClass,removeClass和toggleClass方法
jQuery的addClass,removeClass和toggleClass方法
jQuery的addClass,removeClass和toggleClass方法,最后一个方法在某一情形之下,可以替代前面2个方法。
第一个方法addClass为元素添加一个class。
第二个方法removeClass,移除一个class。
第三个方法toggleClass是互斥class。
<input id="Text1" type="text" />
创建样式,当文本框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‘); }); })
演示:
jQuery的addClass,removeClass和toggleClass方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。