首頁 > 開發者 > JavaScript
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
1.基本選取器：是jQuery中使用最頻繁的選取器，它由元素Id、Class、元素名、多個選擇符組成，通過基本選取器可以實現大多數頁面元素的尋找
jQuery選取器詳解
根據所擷取頁面中元素的不同，可以將jQuery選取器分為：基本選取器、層次選取器、過濾選取器、表單選取器四大類。其中，在過濾選取器中有可以分為：簡單過濾選取器、內容過濾選取器、可見度過濾選取器、屬性過濾選取器、子項目過濾選取器、表單對象屬性過濾選取器6種
-->
<title></title>
<!--使用jQuery基本選取器選擇元素：一個頁麵包含兩個<div>標記，其中一個用於設定ID屬性，另一個用於設定Class屬性；我們再增加一個<span>標記，全部元素初始值均為隱藏，然後通過jQuery基本選取器顯示相應的頁面標記。-->
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<style type="text/css">
body{font-size:12px;text-align:center;}
.clsFrame{width:300px;height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:65px;border:solid 1px #ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
