<div class="codetitle"> <span><a style="CURSOR: pointer" data="99277" class="copybut" id="copybut99277" onclick="doCopy('code99277')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code99277"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><!-- <BR>1. 基本セレクター: jQuery で最も頻繁に使用されるセレクターです。要素 ID、クラスで構成されます。 、要素名。複数のセレクターで構成され、ほとんどのページ要素は基本セレクターを通じて検索できます <BR> jQuery セレクターの詳細な説明 <BR> 取得されたページ内のさまざまな要素に応じて、jQuery セレクターは次のように分類できます。 , 階層セレクター、フィルター セレクター、フォーム セレクターの 4 つのカテゴリがあります。このうち、フィルタ セレクタには、単純フィルタ セレクタ、コンテンツ フィルタ セレクタ、可視性フィルタ セレクタ、属性フィルタ セレクタ、子要素フィルタ セレクタ、フォーム オブジェクト属性フィルタ セレクタの 6 種類があります。 title></title> <br><--jQuery の基本セレクターを使用して要素を選択する: ページには 2 つの <div> タグが含まれており、そのうちの 1 つは ID 属性の設定に使用され、もう 1 つは ID 属性の設定に使用されます。 Class 属性; 別の <span> タグを追加すると、すべての要素の初期値が非表示になり、対応するページ タグが jQuery 基本セレクターを通じて表示されます。 --> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>body{font-size:12px;text-align:center;} <br>.clsFrame{width:300px;height:100px} <br>.clsFrame div,span{display:none;float:left;width :65px;height:65px;border:solid 1px #ccc;margin:8px} <br>.clsOne{background-color:#eee} <br></style> <br><script type="text/ javascript"> <br>$(function () { //要素に一致する ID <br>$('#divOne').css('display', 'block'); <br>}) <br>$( function () { //要素名に一致する要素 <br>$('div span').css('display', 'block') <br>}) <br>$(function () { //クラスの一致Element<br>$('.clsFrame .clsOne').css('display', 'block'); <br>}) <br>$(function () { //すべての要素に一致します <br>$(' *').css('display', 'block'); <br>}) <br>$(function () { //一致する要素を結合します <br>$('#divOne,span').css('表示', 'ブロック'); <br></script> <br><body> <br><div class="clsFrame"> 🎜><div id="divOne"> <br>ID<br><div class="clsOne"> <br><span>SPAN<br></body><br><br></span> </div> </div> </div>