基本选择器有:#id、.class 、element、*
注意:id只能使用一次,其他的可以重复使用。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素的创建和追加</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#div1").click(function(){ $(this).css("color","red"); }); $(".div1").click(function(){ $(this).css("color","blue"); }); $("*").click(function(){ $(this).css("color","red"); }); $("div").click(function(){ $(this).css("color","red"); }); }); </script> </head> <body> <div id="div1">欢迎使用Java WEB开发</div> <div class="div1">欢迎使用Java WEB开发</div> <div>欢迎使用Java WEB开发</div> <div>欢迎使用Java WEB开发</div> </body> </html>
演示上面的例子是最好注释掉$("div")和$(*)的两个。不然看不到效果。