首页 >web前端 >前端问答 > 正文

如何删除css样式

原创2021-07-15 16:33:300717

可以利用jQuery的removeattr()或css()方法来删除css样式,使用“css("属性","")”语句可以删除单个css样式,使用“$(selector).removeAttr("style")”语句可以删除全部css样式。

本教程操作环境:windows7系统、CSS3&&HTML5&&jquery1.10.0版、Dell G3电脑。

可以利用jQuery的removeattr()或css()方法来删除css样式。

方法1:使用css()方法

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

语法:

css("属性","")

示例:

 <script type="text/javascript">
    	$(function(){
			$("li").mouseover(function(){
				//添加css样式
				$(this).css("background","#ffdd00");
			});
			$("li").mouseout(function(){
				//移出css样式
				$(this).css("background","");
			});
			    	
    	});
    </script>

方法2:使用removeattr()

removeAttr() 方法从被选元素中移除属性。

语法:

$(selector).removeAttr("style")

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

以上就是如何删除css样式的详细内容,更多请关注php中文网其它相关文章!

php中文网直播班

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jQuery css样式
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • jQuery入门基础视频教程jQuery入门基础视频教程
  • jQuery UI框架入门视频教程jQuery UI框架入门视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • jQuery趣味课堂jQuery趣味课堂
  • jQuery基础视频教程jQuery基础视频教程
  • jquery.api.3.2.1中文手册jquery.api.3.2.1中文手册
  • 视频教程分类