Welche Techniken gibt es zum Betrieb von JQuery-Tabellen?

Dieses Mal werde ich Ihnen die Techniken für den Betrieb von JQueryFormularen und die Vorsichtsmaßnahmen für den Betrieb von JQuery-Tabellen vorstellen. Im Folgenden sind praktische Fälle aufgeführt. , lass uns einen Blick darauf werfen.

1. Fügen Sie Stile zu den ungeraden und geraden Zeilen der Tabelle hinzu

$(function(){ 
$('tr:odd').addClass("odd"); 
$('tr:even').addClass("even"); 
});

Der Kopf der Tabelle wird nicht mitgezählt

$(function(){ 
$('tbody>tr:odd').addClass("odd"); 
$('tbody>tr:even').addClass("even"); 
});

2 Steuert die Höhe der Zeilenhervorhebung

$('tobdy>tr').click(function(){ 
$(this).addClass('selected') 
.siblings().removeClass('selected') 
.end() // 重新返回该
对象
.find(':radio').attr('checked',true); 
});

3. Kontrollkästchen Steuern Sie die Zeilenhervorhebung

$('tobdy>tr').click(function(){ 
if( $(this).hasClass('selected') ){ // 判断是否有selected高亮样式 
$(this).removeClass('selected') 
.find(':checkbox').attr('checked',false); 
}else{ 
$(this).addClass('selected') 
.find(':checkbox').attr('checked',true); 
} 
});

4. Filtern Sie den Tabelleninhalt

$(function(){ 
$('table tbody tr').hide() 
.filter(":contains(李)").show(); 
});

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

JQuery bearbeitet Tabellenzeilen dynamisch und fügt Ereignisse für neue Zeilen hinzu

jQuery implementiert Kapitelanker. Zurück zum Anfang Wirkung

Das obige ist der detaillierte Inhalt vonWelche Techniken gibt es zum Betrieb von JQuery-Tabellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!