Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Add ready function to document ready function

< html>   <head>     <script type='text/javascript' src='js/jquery-1.3.2.js'></script>     <script type='text/javascript'> var tmpExample = {   ready : function() {     $('ul#tmpPlaces li.myStyle').siblings().addClass('tmpSiblings');   } }; $(document).ready(tmpExample.ready);     </script>     <style type='text/css'> h4 {     font-size: 16px;     margin: 0 0 5px 0; } ul#tmpPlaces {     list-style: none;     margin: 0;     padding: 0; } ul#tmpPlaces li {     margin: 1px;     padding: 3px; } li.tmpSiblings{     background: khaki; }     </style>   </head>   <body>     <ul id='tmpPlaces'>       <li>a</li>       <li>b</li>       <li>c</li>       <li>d</li>       <li>e</li>       <li>f</li>       <li class='myStyle'>g</li>     </ul>   </body> </html>