JavaScript Tutorial/jQuery/not

Материал из Web эксперт
Перейти к: навигация, поиск

Not class

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
          $("p").not(".green").css("border-color", "red");
       });
   </script>
     <style>
 p { width:60px; height:60px; margin:10px; float:left;
       background:yellow; border:2px solid white; }
 </style>
 </head>
 <body>
   <body>

asdf

asdf

asdf

asdf

 </body>

</html></source>


not(expr) removes elements matching the specified expression

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
               
           $("div").not(".green").css("color", "red");
                   
       });
   </script>
 </head>
 <body>
   <body>
asdf
   </body>

</html></source>


Not ID

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
          $("p").not("#blue").css("border-color", "red");
       });
   </script>
     <style>
 p { width:60px; height:60px; margin:10px; float:left;
       background:yellow; border:2px solid white; }
 </style>
 </head>
 <body>
   <body>

asdf

asdf

asdf

asdf

 </body>

</html></source>