02_Jquery_03_類選擇器

時間 2019-12-01

原文原文鏈接

【簡述】javascript

類選擇器就是經過類名（css類名）來查詢元素！css

$(".myClass")就能夠把全部包含了class="myClass"的元素查詢出來html

【index.jsp】java

<%@ 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>

【運行結果】jquery

相關標籤/搜索