前端篇 -- jQuery具体教程

宁睿  论坛元老 | 2025-1-3 07:49:56 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 1084|帖子 1084|积分 3262

jQuery官网

1.1 jQuery的基本介绍

     1.jQuery 是一个快速的， 简便的 javaScript 库，能使用户更方便地处理HTML……
     2. 提供方法、 事件、 选择器， 并且方便地为网站提供 Ajax 交互。
     3. jQuery 实现了欣赏器的兼容问题。
1.2 jQuery 基本开辟步骤


  • 下载jQuery
         jQuery的下载网址


  • 引入jQuery
    比方： <script src="js/jquery-3.7.1.js"></script>
  1. <!-- jquery快速入门案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>jquery快速入门</title>
  8.     <!-- 导入jQuery的js文件 -->
  9.     <script src="js/jquery-3.7.1.js"></script>
  10.     <script>
  12.         //原生js代码,给按钮绑定单击事件
  13.         // window.onload = function(){
  14.         //     var btn = document.getElementById('btn');
  15.         //     btn.onclick = function(){
  16.         //         alert('点击了按钮,js');
  17.         //     }
  18.         // }
  20.         //使用jQuery代码
  21.         // $(function(){})==>当页面加载完毕后就会执行这个函数
  22.         // 在jQuery,$()==>把页面中符合条件的元素转换为jquery对象
  23.         $(function(){
  24.             alert('页面加载完毕');
  25.             // 获取id为btn的元素,$btn为jquery对象,可以使用jquery的方法、事件等……
  26.             // 通过id获取元素：$("#id")
  27.             // 在编程中，规定jquery对象以$开头。
  28.             var $btn = $("#btn");
  29.             // 给$btn绑定单击事件
  30.             $btn.click(function(){
  31.                 alert('点击了按钮,jquery');
  32.             })
  34.         });
  35.     </script>
  36. </head>
  37. <body>
  38.    <button id="btn">按钮</button>
  39. </body>
  40. </html>
复制代码
1.3 jQuery对象和DOM对象

1.3.1 jQuery对象的基本介绍


  • jQuery对象就是对DOM对象进行包装后产生的对象。
  • jQuery对象是 jQuery 独有的，jQuery对象可以调用 jQuery 的方法等。
  • 约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $ 。
1.3.2 DOM对象转 jQuery对象

      对于一个 DOM 对象，只必要用$()把 DOM 对象包装起来，就可以获得一个 jQuery 对象了: $(DOM 对象)
  1. <!-- DOM对象转jQuery对象案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>DOM对象转jQuery对象</title>
  8.     <!-- 导入jQuery的js文件 -->
  9.     <script src="js/jquery-3.7.1.js"></script>
  10.     <script>
  11.        window.onload = function(){
  12.         //通过DOM对象获取文本框对象
  13.         var input = document.getElementById('username');
  14.         alert("用户名(dom) ：" + input.value);
  15.         //将DOM对象转换为jQuery对象
  16.         var $input = $(input);
  17.         //.val()获取文本框中的值
  18.         alert("用户名(jquery) ：" + $input.val());
  19.        }
  20.     </script>
  22. </head>
  23. <body>
  24.     用户名: <input type="text" id="username" name="username" value="wly乐颜"/>
  25. </body>
  26. </html>
复制代码
1.3.3 jQuery对象转DOM对象


  • jQuery 对象是一个数组对象，可以通过[index]的方法，得到相应的 DOM 对象。
  • jQuery 自己提供：通过.get(index)方法，得到相应的 DOM 对象。
  1. <!-- jQuery对象转DOM对象案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>jQuery对象转DOM对象</title>
  8.     <!-- 导入jQuery的js文件 -->
  9.     <script src="js/jquery-3.7.1.js"></script>
  10.     <script>
  11.        window.onload = function(){
  12.         //得到jQuery对象
  13.         var $input = $("#username");
  14.         alert("用户名(jquery) ：" + $input.val());
  15.         //通过jQuery对象获取DOM对象,index一般为0
  17.         //方法1：通过下标[index]将jQuery对象转换为DOM对象
  18.         var input1 = $input[0];
  19.         alert("用户名(input1)：" + input1.value);
  20.         //方法2：通过.get(index)方法将jQuery对象转换为DOM对象
  21.         var input2 = $input.get(0);
  22.         alert("用户名(input2) ：" + input2.value);
  23.        }
  24.     </script>
  25. </head>
  26. <body>
  27.     用户名: <input type="text" id="username" name="username" value="wly乐颜"/>
  28. </body>
  29. </html>
复制代码
1.4 jQuery选择器

1.4.1 jQuery 基本选择器介绍

       选择器是 jQuery 的核心, 在 jQuery 中, 对事件处理、遍历 DOM 和 Ajax 操作都依靠于选择器。
1.4.2 基本选择器

       基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class和标署名来查找 DOM 元素。
       1. id    用法: $(“#myDiv”)；通过id获取元素
       2. Element    用法: $(“div”)；通过标署名获取元素
       3. class    用法: $(“.myClass”);通过class获取元素
       4. *    用法: $(“*”);获取全部元素
       5. selector1, selector2,…selectorN    用法: $(“div,ul,p.myClass”)；通过差别的选择方法获取， 并将匹配到的元素归并到一个效果中。

  1. <!-- 基础选择器案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>基础选择器</title>
  9.     <style>
  10.         div,
  11.         span {
  12.             width: 150px;
  13.             height: 150px;
  14.             margin: 20px;
  15.             background: #7799CC;
  16.             border: 1px solid #62b2f2;
  17.             float: left;
  18.             font-size: 17px;
  19.             font-family: Roman;
  20.         }
  22.         div.wly {
  23.             width: 60px;
  24.             height: 60px;
  25.             background: #CC66FF;
  26.             border: 1px solid #62b2f2;
  27.             font-size: 12px;
  28.             font-family: Roman;
  29.         }
  30.     </style>
  31.     <!-- 导入jQuery的js文件 -->
  32.     <script src="js/jquery-3.7.1.js"></script>
  33.     <script>
  35.         $(function () {
  36.             //1. 改变 id 为 one 的元素的背景色为 #0000FF
  37.             $("#btn1").click(function () {
  38.                 $("#one").css("background", "#0000FF")
  39.             })
  40.             // 2. 改变 class 为 wly 的所有元素的背景色为 #FF0033
  41.             $("#btn2").click(function () {
  42.                 $(".wly").css("background", "#FF0033")
  43.             })
  44.             // 3. 改变元素名 为 <div> 的所有元素的背景色为 #00FFFF
  45.             $("#btn3").click(function () {
  46.                 $("div").css("background", "#00FFFF")
  47.             })
  48.             // 4. 改变所有元素的背景色为 #00FF33
  49.             $("#btn4").click(function(){
  50.                 $("*").css("background","#00FF33")
  51.             })
  52.             // 5. 改变所有的<span>元素和 id 为 two ,class 为 .wly 的元素的背景色为 #3399FF
  53.             $("#btn5").click(function(){
  54.                 $("span,#two,.wly").css("background","#3399FF")
  55.             })
  57.         })
  58.     </script>
  59. </head>
  61. <body>
  62.     <input type="button" value="改变 id 为 one 的元素的背景色为 #0000FF" id="btn1" /><br>
  63.     <input type="button" value="改变 class 为 wly 的所有元素的背景色为 #FF0033" id="btn2" /><br>
  64.     <input type="button" value=" 改 变 元 素 名 为 <div> 的 所 有 元 素 的 背 景 色 为 #00FFFF" id="btn3" /><br>
  65.     <input type="button" value=" 改变所有元素的背景色为 #00FF33" id="btn4" /><br>
  66.     <input type="button" value=" 改变所有的<span>元素和 id 为 two class 为 .wly 的元素的背景色为 #3399FF" id="btn5" />
  67.     <hr />
  68.     <div id="one" class="wly">div id ： one</div>
  69.     <div id="two">div id ： two</div>
  70.     <div id="three" class="wly">div id : three</div>
  71.     <span id="s_one" class="wly">span : one</span>
  72.     <span id="s_two">span : two</span>
  73. </body>
  75. </html>
复制代码
1.4.3 条理选择器

       如果想通过 DOM 元素之间的条理关系来获取特定元素, 比方后代元素, 子元素, 相邻元素, 兄弟元素等, 则必要使用条理选择器。
       1. ancestor descendant   用法: $(”form input”) ;
       2. parent > child   用法: $(”form > input”) ;
       3. prev + next   用法: $(”label + input”) ;
       4. prev ~ siblings    用法: $(”form ~ input”) ;
  1. <!--  层次选择器案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>层次选择器</title>
  9.     <style>
  10.         div,
  11.         span {
  12.             width: 150px;
  13.             height: 150px;
  14.             margin: 20px;
  15.             background: #7799CC;
  16.             border: 1px solid #62b2f2;
  17.             float: left;
  18.             font-size: 17px;
  19.             font-family: Roman;
  20.         }
  22.         div.wly {
  23.             width: 60px;
  24.             height: 60px;
  25.             background: #CC66FF;
  26.             border: 1px solid #62b2f2;
  27.             font-size: 12px;
  28.             font-family: Roman;
  29.         }
  30.     </style>
  31.     <!-- 导入jQuery的js文件 -->
  32.     <script src="js/jquery-3.7.1.js"></script>
  33.     <script>
  34.         
  35.             $(function () {
  36.                 // 1. 改变 <body> 内所有 <div> 的背景色为 #0000FF
  37.                  $("#btn1").click(function(){
  38.                     $("div").css("background", "#0000FF")
  39.                  })   
  40.                // 2. 改变 <body> 内子 <div>(第一层级的div) 的背景色为 #FF0033
  41.                 $("#btn2").click(function(){
  42.                     $("body>div").css("background", "#FF0033")
  43.                  })
  44.                 // 3. 改变 id 为 one 的下一个 <div> 的背景色为 #0000FF
  45.                 $("#btn3").click(function(){
  46.                     $("#one+div").css("background", "#0000FF")
  47.                 })
  48.                 // 4. 改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为#0000FF
  49.                 $("#btn4").click(function(){
  50.                     $("#two~div").css("background", "#0000FF")
  51.                 })
  52.                 // 5. 改变 id 为 two 的元素所有 <div> 兄弟元素的背景色为#0000FF
  53.                 $("#btn5").click(function(){
  54.                     $("#two").siblings("div").css("background", "#0000FF")
  55.             
  56.                 })   
  57.             })
  58.     </script>
  59. </head>
  61. <body>
  62.     <input type="button" value="改变 <body> 内所有 <div> 的背景色为 #0000FF" id="btn1" /><br>
  63.     <input type="button" value="改变 <body> 内子 <div>(第一层级的div) 的背景色为 #FF0033" id="btn2" /><br>
  64.     <input type="button" value="改变 id 为 one 的下一个 <div> 的背景色为 #0000FF" id="btn3" /><br>
  65.     <input type="button" value="改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为#0000FF" id="btn4" /><br>
  66.     <input type="button" value="改变 id 为 two 的元素所有 <div> 兄弟元素的背景色为#0000FF" id="btn5" />
  67.     <hr />
  68.     <div id="one" class="wly">
  69.         div id ： one
  70.     </div>
  71.     <div id="two">
  72.         div id ： two
  73.         <div id="two01">
  74.             id two01
  75.         </div>
  76.         <div id="two02">
  77.             id two02
  78.         </div>
  79.     </div>
  80.     <div id="three" class="wly">
  81.         div id ： three
  82.         <div id="three01">
  83.             id three01
  84.         </div>
  85.     </div>
  86. </body>
  88. </html>
复制代码
1.4.4 基础过滤选择器

       1. :first     用法: $(“p:first”) ; 匹配找到的第一个元素。
       2. :last   用法: $(“p:last”)；匹配找到的末了一个元素。
       3. :even  &nbsp 用法: $(“p:even”)；匹配全部索引值为偶数的元素。
       4. dd  &nbsp 用法: $(“pdd”)；匹配全部索引值为奇数的元素。
       5. :not(selector)    
去除全部与给定选择器匹配的元素。
       6. :eq(index)  &nbsp 用法: $(“tr:eq(0)”)；匹配一个给定索引值的元素。
       7. :gt(index)  &nbsp 用法: $(“tr:gt(0)”)；匹配全部大于给定索引值的元素。
       8. :lt(index)  &nbsp 用法: $(“tr:lt(0)”)；匹配全部小于给定索引值的元素。
       9. :header(固定写法)    匹配如 h1, h2, h3 之类的标题元素.
      10. :animated(固定写法)   匹配全部正在执举措画效果的元素。

  1. <!-- 基础过滤选择器案例 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>基础过滤选择器</title>
  7.     <style>
  8.         div,
  9.         span {
  10.             width: 150px;
  11.             height: 150px;
  12.             margin: 20px;
  13.             background: #7799CC;
  14.             border: 1px solid #62b2f2;
  15.             float: left;
  16.             font-size: 17px;
  17.             font-family: Roman;
  18.         }
  20.         div.wly {
  21.             width: 60px;
  22.             height: 60px;
  23.             background: #CC66FF;
  24.             border: 1px solid #62b2f2;
  25.             font-size: 12px;
  26.             font-family: Roman;
  27.         }
  28.     </style>
  29.     <!-- 导入jQuery的js文件 -->
  30.     <script src="js/jquery-3.7.1.js"></script>
  31.     <script >
  32.         $(function (){
  34.             //1.改变第一个 div 元素的背景色为 #0000FF
  35.             $("#b1").click(
  36.                 function (){
  37.                     // $("div:first").css("background", "#0000FF");
  38.                     $("div:eq(0)").css("background", "#0000FF");
  39.                 }
  40.             )
  42.             //2.改变最后一个 div 元素的背景色为 #0000FF
  43.             $("#b2").click(
  44.                 function (){
  45.                     $("div:last").css("background", "#0000FF");
  46.                 }
  47.             )
  49.             //3.改变class不为 one 的所有 div 元素的背景色为 #0000FF
  50.             $("#b3").click(
  51.                 function (){
  52.                     $("div:not(.one)").css("background", "#0000FF");
  53.                 }
  54.             )
  55.             //4.改变索引值为偶数的 div 元素的背景色为 #0000FF
  56.             $("#b4").click(
  57.                 function (){
  58.                     $("div:even").css("background", "#0000FF");
  59.                 }
  60.             )
  61.             //5.改变索引值为奇数的 div 元素的背景色为 #0000FF
  62.             $("#b5").click(
  63.                 function (){
  64.                     $("div:odd").css("background", "#0000FF");
  65.                 }
  66.             )
  68.             //6.改变索引值为大于 3 的 div 元素的背景色为 #0000FF
  70.             $("#b6").click(
  71.                 function (){
  72.                     $("div:gt(3)").css("background", "#0000FF");
  73.                 }
  74.             )
  76.             //7.改变索引值为等于 3 的 div 元素的背景色为 #0000FF
  78.             $("#b7").click(
  79.                 function (){
  80.                     $("div:eq(3)").css("background", "#0000FF");
  81.                 }
  82.             )
  84.             //8.改变索引值为小于 3 的 div 元素的背景色为 #0000FF
  85.             $("#b8").click(
  86.                 function (){
  87.                     $("div:lt(3)").css("background", "#0000FF");
  88.                 }
  89.             )
  91.             //9.改变所有的标题元素的背景色为 #0000FF
  92.             $("#b9").click(
  93.                 function (){
  94.                     $(":header").css("background", "#0000FF");
  95.                 }
  96.             )
  98.         });
  99.     </script>
  100. </head>
  101. <body>
  102. <h1>H1标题</h1>
  103. <h2>H2标题</h2>
  104. <h3>H3标题</h3>
  106. <input type="button" value="改变第一个 div 元素的背景色为 #0000FF" id="b1"/>
  107. <input type="button" value="改变最后一个 div 元素的背景色为 #0000FF" id="b2"/>
  108. <input type="button" value=" 改变class不为 one 的所有 div 元素的背景色为 #0000FF" id="b3"/>
  109. <input type="button" value=" 改变索引值为偶数的 div 元素的背景色为 #0000FF" id="b4"/>
  110. <input type="button" value=" 改变索引值为奇数的 div 元素的背景色为 #0000FF" id="b5"/>
  111. <input type="button" value=" 改变索引值为大于 3 的 div 元素的背景色为 #0000FF" id="b6"/>
  112. <input type="button" value=" 改变索引值为等于 3 的 div 元素的背景色为 #0000FF" id="b7"/>
  113. <input type="button" value=" 改变索引值为小于 3 的 div 元素的背景色为 #0000FF" id="b8"/>
  114. <input type="button" value=" 改变所有的标题元素的背景色为 #0000FF" id="b9"/>
  115. <hr/>
  116. <div id="one" class="wly">
  117.     div id为one
  118. </div>
  119. <div id="two">
  120.     div id为two
  121.     <div id="two01">
  122.         id two01
  123.     </div>
  124.     <div id="two02">
  125.         id two02
  126.     </div>
  127. </div>
  129. <div id="three" class="one">
  130.     div id为three class one
  131.     <div id="three01">
  132.         id three01
  133.     </div>
  134. </div>
  135. </body>
  136. </html>
复制代码
1.4.5 内容过滤选择器

    内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上。
       1. :contains(text)    用法: $(“div:contains(‘wly’)”) ; 匹配包含给定文本的元素。
       2. :empty   用法: $(“p:empty”)匹配全部不包含子元素或者文本的空元素。
       3. :has(selector)  &nbsp 用法: $(“div:has§”).addClass(“test”)；匹配含有选择器所匹配的元素的元素
       4. :parent    用法: $(“p:parent”)； 匹配含有子元素或者文本的元素。

1.4.6 可见度过滤选择器

    可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素。
       1. :hidden   用法: $(“p:hidden”) ; 匹配全部的不可见元素。
       2. :visible   用法: $(“p:visible”);匹配全部的可见元素。

1.4.7 属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。
选择器说明[attribute]匹配包含给定属性的元素。[attribute=value]匹配给定的属性是某个特定值的元素。[attribute!=value]匹配全部不含有指定的属性，或者属性不等于特定值的元素。[attribute^=value]匹配给定的属性是以某些值开始的元素。[attribute$=value]匹配给定的属性是以某些值末端的元素。[attribute!=value]匹配全部不含有指定的属性，或者属性不等于特定值的元素。[attribute*=value]匹配给定的属性是以包含某些值的元素。[attributeFilter1][attributeFilter2][attributeFilterN]复合属性选择器,必要同时满意多个条件时使用。

1.4.8 子元素过滤选择器

选择器说明:nth-child(index/even/odd/equation)匹配其父元素下的第 N 个子或奇偶元素。:first-child匹配第一个子元素。:last-child匹配末了一个子元素。: only-child只有一个子元素的才会被匹配。:nth-child(even/odd)选取每个父元素下的索引值为偶(奇)数的元素。:nth-child(2)选取每个父元素下的索引值为 2 的元素。:nth-child(3n)选取每个父元素下的索引值是 3 的倍数 的元素。:nth-child(3n + 1)选取每个父元素下的索引值是 3n + 1 的元素。 1.4.9 表单属性过滤选择器

    表单属性过滤选择器主要对所选择的表单元素进行过滤。
选择器说明:enabled匹配全部可用元素。:disabled匹配全部不可用元素。:checked匹配全部选中的被选中元素。:selected匹配全部选中的 option 元素。

1.4.10 表单选择器

选择器说明:input匹配全部 input, textarea, select 和 button 元素。:text匹配全部的单行文本框。:password匹配全部暗码框。:radio匹配全部单选按钮。:checkbox匹配全部复选框。:submit匹配全部提交按钮。:image匹配全部图像域。:reset匹配全部重置按钮。:button匹配全部按钮。:file匹配全部文件域。:hidden匹配全部不可见元素，或者 type 为 hidden 的元素。

1.5 jQuery 的 DOM 操作

1.5.1 查找节点, 修改属性

    查找到所必要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值。
1.5.2 创建节点

1.5.2.1 基本介绍


  • 创建节点: 使用 jQuery 的工厂函数 $(): $(html标签)。
  • 动态创建的新元素节点不会被主动添加到文档中, 而是必要使用其他方法将其插入到文档中。
  • 当创建单个元素时, 需注意闭合标签和使用标准的 XHTML 格式。
  • 创建文本节点就是在创建元素节点时直接把文本内容写出来；创建属性节点也是在创建元素节点时一起创建。
1.5.2.2 内部插入法

方法说明append(content)向每个匹配的元素的内部的末端处追加内容。appendTo(content)将每个匹配的元素追加到指定的元素中的内部末端处。prepend(content)向每个匹配的元素的内部的开始处插入内容。prependTo(content)将每个匹配的元素插入到指定的元素内部的。   内部插入法是在 元素内插入内容(该内容变成该元素的子元素或节点)
  1.5.2.3 外部插入法

方法说明after(content)在每个匹配的元素之后插入内容。before(content)在每个匹配的元素之前插入内容。insertAfter(content)把全部匹配的元素插入到另一个、指定的元素元素集合的后面 。insertBefore(content)把全部匹配的元素插入到另一个、指定的元素元素集合的前面。   外部插入法是在元素的外面插入内容(其内容变成元素的兄弟节点)
  1.5.3 删除节点

方法说明remove()从 DOM 中删除全部匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素. 当某个节点用 remove() 方法删除后, 该节点所包含的全部后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用。empty()清空节点 – 清空元素中的全部后代节点(不包含属性节点)。 1.5.4 复制节点

方法说明clone()克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何举动。clone(true)复制元素的同时也复制元素中的的事件。 1.5.5 替换节点

方法说明replaceWith()将全部匹配的元素都替换为指定的 HTML 或 DOM/juqery 元素。replaceAll()与 replaceWith() 方法的替换相反。   若在替换之前, 已经在元素上绑定了事件, 替换后原先绑定的事件会与原先的元素一起消失
  1.5.6 属性操作

方法说明attr()获取属性和设置属性。attr(n)为某元素的获取指定属性。attr(n,m)为某元素设置指定属性的值 。removeAttr()删除指定元素的指定属性。   参考文档即可
  1.5.7 样式操作

方法说明attr()获取 class 和设置 class 。addClass()追加样式。removeClass()从匹配的元素中删除全部或指定的 class 。toggleClass()控制样式上的重复切换。hasClass()判定元素中是否含有某个 class。 1.5.8 获取 HTML, 文本和值

方法说明html()设置或返回所选元素的内容（包括 HTML 标记）。text()读取和设置某个元素中的文本内容。val()读取和设置某个元素中的值 。 1.5.9 常用遍历节点方法

方法说明children()取得匹配元素的全部子元素组成的集合 。next()/nextAll()取得匹配元素后面的同辈元素的集合。prev()/prevAll()取得匹配元素前面的同辈元素的集合。siblings()取得匹配元素前后全部的同辈元素。nextAll().eq(index)获取指定的第几个元素。nextAll().filter(“标签”)对获取到的同辈元素进行过滤 。 1.5.10 CSS-DOM 操作



免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

宁睿

论坛元老
这个人很懒什么都没写!

楼主热帖

标签云

AI 运维 CIO 存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表