欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery基本選擇器選擇元素使用介紹

 更新時(shí)間：2013年04月18日 14:50:03   作者：  
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個(gè)選擇符組成，通過(guò)基本選擇器可以實(shí)現(xiàn)大多數(shù)頁(yè)面元素的查找，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
1.基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個(gè)選擇符組成，通過(guò)基本選擇器可以實(shí)現(xiàn)大多數(shù)頁(yè)面元素的查找
jQuery選擇器詳解
根據(jù)所獲取頁(yè)面中元素的不同，可以將jQuery選擇器分為：基本選擇器、層次選擇器、過(guò)濾選擇器、表單選擇器四大類。其中，在過(guò)濾選擇器中有可以分為：簡(jiǎn)單過(guò)濾選擇器、內(nèi)容過(guò)濾選擇器、可見性過(guò)濾選擇器、屬性過(guò)濾選擇器、子元素過(guò)濾選擇器、表單對(duì)象屬性過(guò)濾選擇器6種
-->
<title></title>
<!--使用jQuery基本選擇器選擇元素：一個(gè)頁(yè)面包含兩個(gè)<div>標(biāo)記，其中一個(gè)用于設(shè)置ID屬性，另一個(gè)用于設(shè)置Class屬性；我們?cè)僭黾右粋€(gè)<span>標(biāo)記，全部元素初始值均為隱藏，然后通過(guò)jQuery基本選擇器顯示相應(yīng)的頁(yè)面標(biāo)記。-->
<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>

相關(guān)文章

最新評(píng)論