删除方法:1、用removeAttr()方法,语法“$(元素).removeAttr(“属性名”)”,属性名可为id、class或style;2、用removeClass()方法,语法“$(元素).removeClass(“类名”)”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery删除样式的方法
方法1:利用removeAttr()方法
removeAttr() 方法可从被选元素中移除属性。
nbsp;html>$(document).ready(function() {$("button").click(function() {$("h1").removeAttr("id");$("p").removeAttr("style");$("p").removeAttr("class");});});#h1{color: red;}.box{color: #FFC0CB;}这是一个标题
这是一个段落。
这是另一个段落。
登录后复制
效果图:
方法2:利用removeClass()方法
removeClass() 方法从被选元素移除一个或多个类。
注释:如果没有规定参数,则该方法将从被选元素中删除所有类。
nbsp;html>$(document).ready(function() {$("button").click(function() {$("p").removeClass();$("div").removeClass("intro");});});.box1 {color: #FFC0CB;}.box2 {color: #FFC0CB;}.box3 {color: #FFC0CB;}.intro {font-size: 120%;color: red;}这是一个段落。
这是一个段落。
这是一个段落。
这是另一个段落。
登录后复制
相关视频教程推荐:jQuery教程(视频)
以上就是jquery怎么删除样式的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2705367.html