jquery removeClass()方法


  翻译结果:

remove

英 [rɪˈmu:v]   美 [rɪˈmuv]  

vt.去除;开除;脱掉,拿下;迁移

vi.迁移,移居;离开

n.距离,差距;移动

class

英 [klɑ:s]   美 [klæs]  

n.班;阶级;等级;种类

vt.把…归入某等级,把…看作(或分类、归类);把…编入某一班级

adj.很好的,优秀的,出色的

vi.属于…类(或等级),被列为某类(或某级)

jquery removeClass()方法语法

作用:removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数,则该方法将从被选元素中删除所有类。

语法:$(selector).removeClass(class)

参数:

参数描述
class    可选。规定要移除的 class 的名称。如需移除若干类,请使用空格来分隔类名。如果不设置该参数,则会移除所有类。

使用函数来移除类:使用函数来删除被选元素中的类。

语法:$(selector).removeClass(function(index,oldclass))

参数:

参数描述
function(index,oldclass) 必需。通过运行函数来移除指定的类。
index 可选。接受选择器的 index 位置。
html 可选。接受选择器的旧的类值。

jquery removeClass()方法示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").removeClass("intro");
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1 id="h1">This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>从第一个段落中删除类</button>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答