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); 
} 
});

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

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!