jQuery怎么从匹配的元素中移除blue样式类
这篇文章主要介绍了 jQuery怎么从匹配的元素中移除blue样式类的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇 jQuery怎么从匹配的元素中移除blue样式类文章都会有所收获,下面我们一起来看看吧。
从 jQuery 1.4开始, .removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式。
$('li:last').removeClass(function() {
return $(this).prev().attr('class');
});
上例中,移除了最后一个 <li> 的样式,该样式是倒数第二个 <li> 的样式。
例子:
Example: 从匹配的元素中移除“blue”样式类。
<!DOCTYPE html>
<html>
<head>
<style>
p { margin: 4px; font-size:16px; font-weight:bolder; }
.blue { color:blue; }
.under { text-decoration:underline; }
.highlight { background:yellow; }
</style>
<script class="lazy" data-src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p class="blue under">Hello</p>
<p class="blue under highlight">and</p>
<p class="blue under">then</p>
<p class="blue under">Goodbye</p>
<script>$("p:even").removeClass("blue");</script>
</body>
</html>
关于“ jQuery怎么从匹配的元素中移除blue样式类”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“ jQuery怎么从匹配的元素中移除blue样式类”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341