jQuery .class 选择器

定义和用法

.class 选择器 选择具有特定类的所有元素。

该类引用HTML元素的 class 属性。

class 属性用于为多个 HTML 元素设置特定样式。

注意：不要使用数字启动类属性。它可能会导致某些浏览器出现问题。

语法

$(".class")

参数

参数	必需的	描述
class	是	指定要选择的元素的类

示例

下例演示了点击按钮隐藏选择所有class为“test”的元素：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("button").click(function(){
       $(".test").hide();
    });
  });
</script>
</head>
<body>
    <p class="test">这个是段落class p1</p>
    <p class="test">这个是段落class p2</p>
    <p class="test">这个是段落class p3</p>
    <button type="button">点击我</button>
</body>
</html>

尝试一下

点击尝试一下，输出结果如下图所示：

jQuery .class 选择器

定义和用法

语法

参数

示例

相关页面