02_Jquery_03_类选择器-优快云博客

本文介绍如何使用jQuery的类选择器来操作具有特定类的所有HTML元素，并通过一个实例展示了如何改变这些元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【简述】

类选择器就是通过类名（css类名）来查询元素！

$(".myClass")就可以把所有包含了class="myClass"的元素查询出来

【index.jsp】

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Jquery Test</title>
    <!-- 导入Jquery文件 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js"></script>
    <script type="text/javascript">
        //这里的内容会在文档加载完毕时执行 
        $(function(){
            //元素选择器，查找所有的div元素，它返回的是一个jquery对象，但jquery对象中包含多个dom 
            var ele=$(".Jack");    
            ele.text("消失吧");
        });
    </script>
  </head>
  
  <body>
    This is my JSP page. <br>
    
    <div class="Jack">aaaaaa</div>
    <div class="Jack">bbbbbb</div>
    <div class="Jack">cccccc</div>
    <div class="Rose">dddddd</div>
    
  </body>
</html>