• 技术文章 >web前端 >js教程

    jquery怎么去除css样式?

    青灯夜游青灯夜游2020-11-20 16:50:56原创690

    jquery去除css样式的方法:1、使用attr()或css()方法将css属性值设置为空来去除单个css样式;2、使用removeAttr()方法从被选元素中移除属性;3、使用removeClass()方法从被选元素中移除属性。

    相关推荐:《jQuery视频教程

    jquery去除css样式

    1、使用attr()方法或css()去除单个css样式

    attr() 方法可以设置被选元素的属性和值,可以为匹配元素设置一个或多个属性/值对。

    想要使用attr()去除css样式,则可以为设置属性值为空即可。

    例:

    $("#show").attr("style","");

    css() 方法可以设置被选元素的一个或多个样式属性。

    想要使用css()去除css样式,则可以为设置属性值为空即可。

    例:

    $("#show").css("style","");

    2、使用removeAttr()方法去除css样式

    removeAttr() 方法从被选元素移除一个或多个属性。

    语法

    $(selector).removeAttr(attribute)

    例:

    $("#tab1").removeAttr("style","");

    3、使用removeClass()方法去除css样式

    removeClass() 方法从被选元素移除一个或多个类。

    注释:如果没有规定参数,则该方法将从被选元素中删除所有类。

    例:从所有的 <p> 元素移除 "intro" 类:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    	$("button").click(function(){
    		$("p").removeClass("intro");
    	});
    });
    </script>
    <style type="text/css">
    .intro{
    	font-size:120%;
    	color:red;
    }
    </style>
    </head>
    <body>
    
    <h1>这是一个标题</h1>
    <p class="intro">这是一个段落。</p>
    <p class="intro">这是另一个段落。</p>
    <button>移除所有P元素的"intro"类</button>
    
    </body>
    </html>

    更多编程相关知识,请访问:编程视频课程!!

    以上就是jquery怎么去除css样式?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery
    上一篇:jquery和document获取html元素的区别是什么? 下一篇:了解JavaScript中的对象原型和原型链
    第14期线上培训班

    相关文章推荐

    • jquery怎么查询数组中是否有该指定值?• jquery如何增加标签属性• jquery如何获取元素标签• 用jquery如何获取类名• 浅谈jquery中将类数组对象转换为数组对象的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网