Heim > Web-Frontend > js-Tutorial > jQuery-Eigenschaften und CSS-Operationen

jQuery-Eigenschaften und CSS-Operationen

黄舟
Freigeben: 2016-12-15 14:57:41
Original
969 Leute haben es durchsucht

Attribute
1. Attribute
1.1 attr(name|PROperties|key,value|key,fn)
1) Attributwert $("img").attr("src"); abrufen
2) Attributwert festlegen $("img").attr("title","Hello");$("img").attr({src:"img1.png",alt:"img1" } )
3) Attributwert festlegen $("img").attr("alt",function(index,value){return value + index}) //index ist der Index des aktuellen Elements, Wert ist "alt " Ursprünglicher Attributwert
1.2 removeAttr(name)
Ein Attribut löschen $("img").removeAttr("alt");
1.3 prop(name|properties|key,value|key,fn)
       $("input[type='checkbox']").prop("checked", true);
        $("input[type='checkbox']").prop("checked", Funktion ( i, val ) { return !val; });
1.4 removeProp(name)
Wird verwendet, um den durch die .prop()-Methode festgelegten Attributsatz zu löschen
1.5 Der Unterschied zwischen attr() und prop ()
Attribute mit zwei Attributen von wahr und falsch, wie z. B. aktiviert, ausgewählt oder deaktiviert, verwenden prop(), andere verwenden attr()
2. CSS-Klasse
2.1 addclass(class|fn)
$("p").addClasss("active focus");
  $("ul li").addClass(function(i,class){return class+i})
2.2 removeClass([name |. fn])
$("p").removeClass("active");
$("p").removeClass(function(){return $(this).attr("class")} )
2.3 toggleClass(class|fn)
$("p").toggleClass("active");
$(".class").toggleClass(function(){
if( $ (this).parent().is(".myClass"))
                                                                                                                                                                            🎜> return „classtwo“;                                                                                                                                                                                                                               🎜> Inhalt festlegen $("div").html("< ;p>htmlhtmlhtml

");
$("div"). html(function(index,html){return html+index})
3.2 Text ([val|fn])
Inhalt abrufen $("p").text()
Inhalt festlegen $(" p").text("texttexttext")
                                                                                                                                                               🎜> Holen Sie sich den Wert $(" input").val();
Wert festlegen $("input").val("2222222");
$("input").val(function(index, value){return index + value })
Wert für Check/Select //Array-Operation
$("input").val(["check2", "radio1"]);
CSS
1.css
1.1 css(name|pro|[,val|fn])
Holen Sie sich den Wert des Stilattributs                                                                                                                                                                                                                                                                     $("p") .css({color:"red",width:"100px"})
                                                                                                                                                                                                                            . 1.2; }. > 1.2 jQuery.cssHooks
2. Position
2.1 offset([Koordinaten] ) Ermitteln Sie den relativen Versatz des passenden Elements im aktuellen Ansichtsfenster
Ermitteln Sie den Versatzwert $("p").offset()
Legen Sie den Versatzwert fest $ ("P"). Offset ({Top: 100, links: 100})
newpos.left = C.Left+100;
Newpos.top = C.Top+100; ;
})
2.2 position() ermittelt den Offset des passenden Elements relativ zum übergeordneten Element.
$("p").position()
2.3 scrollTop([val]) Ruft den Versatz des passenden Elements relativ zum oberen Rand der Bildlaufleiste ab.
Get $("p").scrollTop()
Set $("p").scrollTop(500)
2.4 scrollTop([val]) Ermittelt den Versatz des passenden Elements relativ zur Oberseite der Bildlaufleiste.
Get $("p").scrollLeft()
Setze $("p").scrollLeft(500)
3.1 height([val|fn])
Holen Sie sich $("p").height()
Setze $("p").height(500)
$("p").height(function(i,c){return c+200; })
3.2 width([val|fn])
Get $("p").width()
Setze $("p").width(500)
$(" p ").width(function(i,c){return c+200;})
3.3 innerHeight() Ruft die Höhe des internen Bereichs des ersten übereinstimmenden Elements ab (einschließlich Polsterung und ohne Rand).                                                                                                                             innerHeight();                                                                                  3.5 äußereHeight([Optionen]) Ruft die äußere Höhe des ersten übereinstimmenden Elements ab (Standard umfasst Abstand und Rand).
                                                                                                                                                                                                                                                                             die äußere Breite des ersten passenden Elements (einschließlich Polsterung und Rand). standardmäßig).
Wenn der Optionswert wahr ist, wird die Marge in die Berechnung einbezogen. Der Standardwert ist

. Weitere verwandte Artikel finden Sie hier zur chinesischen PHP-Website (www.php.cn)!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage