Méthode CSS
.hasClass(calssName) vérifie si l'élément contient une certaine classe et renvoie vrai/faux
$( "#mydiv" ).hasClass( "foo" )
.addClass(className) / .addClass(function(index , currentClass)) ajoute une classe à l'élément, il n'écrase pas la classe d'origine, il l'ajoute et ne vérifie pas les doublons
$( "p" ).addClass( "myClass yourClass" ); $( "ul li" ).addClass(function( index ) { return "item-" + index; });
removeClass([className ]) / ,removeClass(function(index,class)) Supprimer l'élément unique/multiple/toutes les classes
$( "p" ).removeClass( "myClass yourClass" ); $( "li:last" ).removeClass(function() { return $( this ).prev().attr( "class" ); });
.toggleClass(className) /.toggleClass(className,switch) / .toggleClass([switch] ) / .toggleClass( function( index, class, switch) [, switch ] ) toggle signifie commutation, la méthode est utilisée pour la commutation, switch est une valeur de type booléen, vous pouvez comprendre cela en regardant l'exemple
<div class="tumble">Some text.</div>
La première exécution
$( "div.tumble" ).toggleClass( "bounce" ) <div class="tumble bounce">Some text.</div>
La deuxième exécution
$( "div.tumble" ).toggleClass( "bounce" ) <div class="tumble">Some text.</div>
$( "#foo" ).toggleClass( className, addOrRemove );// 两种写法意思一样if ( addOrRemove ) { $( "#foo" ).addClass( className ); } else { $( "#foo" ).removeClass( className ); }
$( "div.foo" ).toggleClass(function() { if ( $( this ).parent().is( ".bar" ) ) { return "happy"; } else { return "sad"; } });
.css(propertyName) / .css(propertyNames) obtient la valeur du propriété spécifique du style de l'élément
var color = $( this ).css( "background-color" ); var styleProps = $( this ).css([ "width", "height", "color", "background-color" ]);
.css(propertyName,value) / .css( propertyName, function(index, value) ) / .css( PropertiesJson ) Définir la valeur d'une propriété spécifique de l'élément style
$( "div.example" ).css( "width", function( index ) { return index * 50; }); $( this ).css( "width", "+=200" ); $( this ).css( "background-color", "yellow" ); $( this ).css({ "background-color": "yellow", "font-weight": "bolder" });
event La méthode
.bind( eventType [, eventData ], handler(eventObject) ) lie le traitement d'événement programme . Ceci est couramment utilisé et ne nécessite pas beaucoup d'explications
$( "#foo" ).bind( "click", function() { alert( "User clicked on 'foo.'" ); });
délégué( selector, eventType, handler(eventObject) ) Voyons l'explication officielle de cela
Attacher un gestionnaire à un. ou plusieurs événements pour tous les éléments qui correspondent au sélecteur, maintenant ou dans le futur, en fonction d'un ensemble spécifique d'éléments racine.
$( "table" ).on( "click", "td", function() {//这样把td的click事件处理程序绑在table上 $( this ).toggleClass( "chosen" ); });
.on( events [, selector ] [, data ], handler( eventObject) ) est recommandé après la version 1.7, en remplacement de bind, live, délégué
$( "#dataTable tbody" ).on( "click", "tr", function() { alert( $( this ).text() ); });
.trigger( eventType [, extraParameters ] ) JavaScriptÉvénement de liaison d'élément déclencheur
$( "#foo" ).trigger( "click" );
.toggle( [durée] [, complète ] ) / .toggle( options ) Masquer ou afficher l'élément
$( ".target" ).toggle(); $( "#clickme" ).click(function() { $( "#book" ).toggle( "slow", function() { // Animation complete. }); });
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!