So verbergen Sie mehrere angegebene TDs in jquery

So verbergen Sie mehrere angegebene td-Elemente in jquery: 1. Fügen Sie Klassenattribute zu mehreren td-Elementen hinzu, die ausgeblendet werden müssen, und setzen Sie die Attributwerte auf denselben Wert. 2. Verwenden Sie das Klassenattribut, um mehrere angegebene td-Elemente abzurufen Elemente mit der Syntax „$(“. Der Klassenattributwert „)“ gibt ein jQuery-Objekt zurück, das mehrere angegebene td-Elemente enthält. 3. Verwenden Sie die Funktion hide(), um die erhaltenen td-Elemente auszublenden. Die Syntax lautet „td element object; .verstecken()".

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.

jquery-Methode zum Ausblenden mehrerer angegebener td-Elemente

1. Fügen Sie Klassenattribute zu mehreren td-Elementen hinzu, die ausgeblendet werden müssen, und setzen Sie den Attributwert auf denselben Wert, z. B. „box“

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td class="box">T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td class="box">牛仔褂</td>
		<td class="box">￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

2. Wenn Sie das Klassenattribut verwenden, um mehrere angegebene td-Elemente zu erhalten, werden jQuery-Objekte zurückgegeben, die mehrere angegebene td-Elemente enthalten. 3. Verwenden Sie die Funktion hide(), um die erhaltenen Objekte (td-Elemente) auszublenden Implementierungscode:

$(".class属性值")

【Empfohlenes Lernen:

jQuery-Video-Tutorial

,
Web-Front-End-Video

】

Das obige ist der detaillierte Inhalt vonSo verbergen Sie mehrere angegebene TDs in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!