Heim  >  Artikel  >  Web-Frontend  >  jquery betreibt den CSS-Selektor

jquery betreibt den CSS-Selektor

黄舟
黄舟Original
2016-12-16 10:47:171174Durchsuche

.addClass()
 Fügt jedem passenden Element den angegebenen Stilklassennamen hinzu
 .addClass(className)
 className fügt jedem passenden Element einen oder mehrere Stilnamen hinzu
.addClass(function( index,currentClass))
Die Funktion gibt ein oder mehrere Leerzeichen getrennt zurück, index stellt die Indexposition im Parameterabgleich dar und zeigt auf das aktuelle Element im passenden Elementsatz.
 $("p").addClass("myClass yourClass"); Fügen Sie diese beiden Klassennamensstile zum p-Element hinzu.
 $("ul li:last").addClass(function(index){
   return "item-"+index;
 }) Füge „item-“ zum letzten

  • hinzu " Stil.


    .CSS()
    Rufen Sie den berechneten Wert des Stilattributs des ersten Elements im Satz übereinstimmender Elemente ab oder legen Sie ein oder mehrere
    CSS-Attribute jedes übereinstimmenden Elements fest.

     .css(PRopertyName)
     propertyName ist ein CSS-Eigenschaftsname. Ein Array aus einer oder mehreren CSS-Eigenschaften.
     $(this).css("background-color"); Ruft die Hintergrundfarbe des aktuellen Elements ab.
     $(this).css(["width","height",color]) Ermittelt die Schriftfarbe für Breite und Höhe des aktuellen Elements.

     .css(propertyName,value)
     propertyName ist ein CSS-Eigenschaftsname.
    Value legt den Attributwert dieses CSS fest.
     .css(propertyName,function)
     propertyName ist ein CSS-Eigenschaftsname.
    Funktion Eine Funktion zur Rückgabe des Einstellungswerts. Dies ist das aktuelle Element.

     $('div.example').css('width',function(index){
      return index*50;
     }) Legen Sie die Breite eines passenden Elements fest, um es zu vergrößern größerer Wert.
     $("p").mouSEOver(function(){
      $(this).css("color","red");
     }) Wenn die Maus über das p-Element fährt, wird das Text wird rot.
     $("#box").one("click",function(){
      $(this).css("width","+=200")
     }) #box-Breite hinzufügen beträgt 200 Pixel.


    .hasClass()
    Bestimmen Sie, ob einem passenden Element die angegebene (Stilklasse) zugewiesen ist.
    .hasClass(className)
    className Der abzufragende Stilname.
     $("#mydiv").hasClass("foo") Ob das übereinstimmende Element den Stil foo enthält
    Wenn es diesen Stil hat, dann true zurückgeben. Wenn nicht, dann false zurückgeben


    .removeClass()
    Entfernt den Stil für das passende Element.
     .removeClass([className])
      Ein oder mehrere durch Leerzeichen getrennte Stilnamen, die für jedes übereinstimmende Element entfernt werden sollen.
     $("p").removeClass("myClass yourClass")
     .removeClass(function(index,class))
      Eine Funktion, die ein oder mehrere zu entfernende Elemente zurückgibt und alle Übereinstimmungen indiziert. Der Strom Element in der Elementsammlung.


    .toggleClass()
     Schaltet den Stilnamen für jedes Element im Satz übereinstimmender Elemente um
     .toggleClass(className)
      className für jedes Element im Satz übereinstimmender Elemente Ein oder mehrere (durch Leerzeichen getrennte) Stilklassennamen, die zum Ein- und Ausschalten von Elementen verwendet werden.
     .toggleClass(className,switch)
      switch ist ein boolescher Wert, der verwendet wird, um zu bestimmen, ob der Stil hinzugefügt oder entfernt werden soll.
     .toggleClass([switch])
      switch ist ein boolescher Wert, der verwendet wird, um zu bestimmen, ob eine Stilklasse hinzugefügt oder entfernt werden soll.

    $('#foo').toggleClass(className,add0rRemove) entspricht
    if(add0rRemove){
    $('#foo').addClass(className);
    }else{
      $('#foo').removeClass(className)
     }

    $("p").click(function(){
    $(this).toggleClass ("Hervorheben");
    //Ändern Sie den Stil, wenn Sie auf das aktuelle p-Tag klicken
    })

    Das Obige ist der Inhalt des CSS-Selektors für die Bedienung von jquery. Weitere verwandte Artikel finden Sie hier zu PHP Chinese. Net (www.php.cn)!


  • Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn