<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="../../CSS/2-5.css" rel="stylesheet" /> <script src="../../JQuery/jquery-2.1.4.min.js"></script> <title>基本选择器</title> <script type="text/javascript"> $(function () { //ID匹配元素 $("#divOne").css("display", "block"); }) $(function () { //元素名匹配元素 $("div span").css("display", "block"); }) $(function () { //类匹配元素 $(".clsFrame .clsOne").css("display", "block"); }) //$(function () { //匹配所有元素 // $("*").css("display", "block"); //}) $(function () { //合并匹配元素 $("#divOne,span").css("display", "block"); }) </script> </head> <body> <div class="clsFrame"> <div id="divOne">ID</div> <div class="clsOne">CLASS</div> <span>SPAN</span> </div> </body> </html>
原文：http://www.cnblogs.com/zhaomengmeng/p/4681805.html