JavaScript Tutorial/jQuery/add

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

Add class to the result returned from an add function

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">

var tmpExample = {

 ready : function() {
   $("ul#liClass1 li").add("ul#liClass3 li").addClass("justAdd");
 }

}; $(document).ready(tmpExample.ready);

   </script>
   <style type="text/css">

body {

   font: 16px sans-serif;

} h3 {

   font-size: 18px;
   margin: 0 0 5px 0;    

} h4 {

   font-size: 16px;
   margin: 5px 0;

} ul {

   list-style: none;
   margin: 0;
   padding: 0;

} ul li {

   margin: 1px;
   padding: 3px;

} li.justAdd {

   background: #88fac6;

}

   </style>
 </head>
 <body id="tmpExample">
  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • J
 </body>

</html></source>


add(expr): adds more elements

   <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").add("p")
           .css("background", "yellow");


       });
   </script>
 </head>
 <body>
   <body>
asdf
asdf
asdf
asdf
   </body>

</html></source>


Adds one or more Elements to the set of matched elements(document.getElementById)

   <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").add(document.getElementById("a")).css("background", "yellow");


       });
   </script>
 </head>
 <body>
   <body>

Hello

Hello Again
   </body>

</html></source>


Add tag returned from document.getElementById

   <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").add(document.getElementById("a")).css("background", "yellow");
       });
   </script>
 </head>
 <body>
   <body>

Hello

Hello

 </body>

</html></source>