1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>jQuery 插件</title> 7 <script src="https://code.jquery.com/jquery-2.0.3.js"></script> 8 </head> 9 <body> 10 <ul class='u1'> 11 <li>1</li> 12 <li>2</li> 13 <li>3</li> 14 </ul> 15 <ul class='u2'> 16 <li>4</li> 17 <li>5</li> 18 <li>6</li> 19 </ul> 20 </body> 21 </html>
1 $(function(){ 2 $.fn.extend({ 3 changecolor:function(){ 4 return this.each(function(){ 5 this.style.color='red'; 6 }); 7 } 8 }); 9 10 $('.u1 li').changecolor(); 11 })
