Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung, wie man mit jQuery_jquery Stile zu Elementen hinzufügt

Ausführliche Erklärung, wie man mit jQuery_jquery Stile zu Elementen hinzufügt

WBOY
WBOYOriginal
2016-05-16 15:22:381343Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie man mit jQuery Stile zu Elementen hinzufügt. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Stile abrufen und festlegen

$("#tow").attr("class")//获取ID为tow的class属性
$("#two").attr("class","divClass")//设置Id为two的class属性。

2. Stile hinzufügen

Code kopieren Der Code lautet wie folgt:
$("#two").addClass("divClass2")/ /ist die ID. Fügen Sie dem Objekt von zwei den Stil divClass2
hinzu

3. Stile entfernen

$("#two").removeClass("divClass")//移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass("divClass divClass2")//移除多个样式。

4. Klassennamen wechseln

Code kopieren Der Code lautet wie folgt:
$("#two").toggleClass("anotherClass") / / Wiederholen Sie den Wechsel zu einem anderen Klassenstil

5. Bestimmen Sie, ob ein bestimmter Stil enthalten ist

Code kopieren Der Code lautet wie folgt:
$("#two").hasClass("another")= =$( "#two").is(".another");

6. Holen Sie sich den Stil im CSS-Stil

Code kopieren Der Code lautet wie folgt:
$("div").css("color")// Legen Sie den Farbattributwert fest. $(element).css(style)

Einen einzelnen Stil festlegen

Code kopieren Der Code lautet wie folgt:
$("div").css("color","red ")

Mehrere Stile festlegen

$("div").css({fontSize:"30px",color:"red"})
$("div").css("height","30px")==$("div").height("30px")
$("div").css("width","30px")==$("div").height("30px")

7.offset()-Methode

Seine Funktion besteht darin, den relativen Versatz des Elements im aktuellen Ansichtsfenster zu ermitteln, wobei das zurückgegebene Objekt zwei Attribute enthält, nämlich oben und links.

Hinweis: Nur gültig für sichtbare Elemente.

var offset=$("div").offset();
var left=offset.left; //获取左偏移
var top=offset.top; //获取右偏移

8. position()-Methode

Seine Funktion besteht darin, den relativen Versatz des Elements relativ zum nächstgelegenen übergeordneten Knoten zu ermitteln, dessen Positionsstilattribut auf „relativ“ oder „absolut“ gesetzt ist. Das zurückgegebene Objekt enthält ebenfalls zwei Attribute, „top“ und „left“.

9. scrollTop()-Methode und scrollLeft()-Methode

$("div").scrollTop(); //获取元素的滚动条距顶端的距离。
$("div").scrollLeft(); //获取元素的滚动条距左侧的距离。

10. Die Methoden toggle und slideToggle in jQuery können ein Element sowohl anzeigen als auch ausblenden. Der Unterschied ist:

umschalten: Der dynamische Effekt erfolgt von rechts nach links. Seitliche Bewegungen.
slideToggle: dynamischer Effekt von unten nach oben. Vertikale Aktion.

Wenn Sie beispielsweise den dynamischen Effekt erzielen möchten, dass ein Baum von unten nach oben schrumpft, verwenden Sie einfach slideToggle.

$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

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