Quelles sont les techniques d’exploitation des tables JQuery ?

Cette fois je vais vous apporter les techniques d'exploitation des JQueryformulaires, et quelles sont les précautions d'exploitation des tables JQuery. Voici des cas pratiques. , jetons un coup d'oeil.

1. Ajoutez des styles respectivement aux lignes impaires et paires du tableau

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

Sans compter la tête du tableau

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

2. contrôle la hauteur de la ligne. Mettez en surbrillance

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

3. Case à cocher Contrôlez la mise en surbrillance de la ligne

$('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. Filtrer le contenu du tableau

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

JQuery exploite dynamiquement les lignes du tableau et ajoute des événements pour les nouvelles lignes

jQuery implémente les ancres de chapitre Retour en haut Effet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!