zoukankan      html  css  js  c++  java
  • 第三节 jQuery选择器的过滤及选择集转移

     1 <!-- 对选择集进行过滤
     2          $('div').has('p'); 选择包含p元素的div元素
     3          $('div').not('.myClass'); 选择class不等于myClass的div元素
     4          $('div').filter('.myClass'); 选择class等于myClass的div元素
     5          $('div').eq(5); 选择第6个div元素,从0开始计数
     6 
     7      选择集转移
     8          $('div').prev(); 选择div元素前面紧挨着的同辈元素
     9          $('div').prevAll(); 选择div元素之前的所有的同辈元素
    10          $('div').next(); 选择div元素后面紧挨的同辈元素
    11          $('div').nextAll(); 选择div元素后面的所有同辈元素
    12          $('div').parent(); 选择div的父元素
    13          $('div').children(); 选择div的所有子元素
    14          $('div1').siblings(); 选择div1之外的的同级div元素
    15          $('div').find('.myClass'); 选择div里的从class等于myClass的元素
    16          -->
    17 <!DOCTYPE html>
    18 <html lang="en">
    19 <head>
    20     <meta charset="UTF-8">
    21     <title>Document</title>
    22     <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
    23     <script type="text/javascript">
    24         $(function(){
    25             $('div').css(({'backgroundColor':'gold'}));
    26             $('div').has('p').css({'backgroundColor':'red'});
    27             $('div').eq(0).css({'backgroundColor':'green'});
    28             $('div').eq(7).prev().css({'color':'#fff'});
    29             $('div').find('.sp').css({'fontSize':'30px'});
    30         });
    31     </script>
    32 </head>
    33 <body>
    34     <div>1</div>
    35     <div><p>2</p></div>
    36     <div>3</div>
    37     <div>4</div>
    38     <div>5</div>
    39     <div><span>11</span><span class="sp">6</span></div>
    40     <div>7</div>
    41     <div>8</div>
    42 </body>
    43 </html>
  • 相关阅读:
    什么是分布式系统?
    Asp组件中级入门与精通系列之五
    什麼是RIA?
    .NET Remoting编程简介
    WEB打印大全(转)
    ASP与ActiveX控件交互实战(二)
    Asp组件中级入门与精通系列之七
    jswindow对象的方法和属性资料
    什麼是SOAP?
    体验Visual Studio 2005之类设计器
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12493125.html
Copyright © 2011-2022 走看看