Heim > Web-Frontend > js-Tutorial > JQuery-Knotenelementattributoperation method_jquery

JQuery-Knotenelementattributoperation method_jquery

WBOY
Freigeben: 2016-05-16 15:55:50
Original
1194 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie JQuery-Knotenelementattribute bedient werden. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Verwenden Sie in JQuery die Methode attr(), um Elementattribute abzurufen und festzulegen, und die Methode removeAttr(), um Elementattribute zu löschen.

Eigenschaften abrufen und Eigenschaften festlegen

Wenn Sie den Attributtitel des p-Elements erhalten möchten, müssen Sie nur einen Parameter an die attr()-Methode übergeben, nämlich den Attributnamen.

var $para = $("p"); //获取<p>节点  
var p_txt = $para.attr("title"); //获取<p>元素节点属性title
Nach dem Login kopieren

Wenn Sie den Wert des Attributtitels des

-Elements festlegen möchten, können Sie dieselbe Methode verwenden. Der Unterschied besteht darin, dass Sie zwei Parameter übergeben müssen, nämlich den Attributnamen und den entsprechenden Wert.

$("p").attr("title", "your title");
//设置单个的属性值

Nach dem Login kopieren

Wenn Sie mehrere Attribute für dasselbe Element gleichzeitig festlegen müssen, können Sie dazu den folgenden Code verwenden:

$("p") .attr({"title" : "your title", "name": "test"});   
//将一个“名/值”形式的对象设置为匹配元素的属性

Nach dem Login kopieren

Viele Methoden in JQuery verwenden dieselbe Funktion, um Getter und Setter zu implementieren. Beispielsweise kann die obige attr()-Methode nicht nur den Wert von Elementattributen festlegen, sondern auch den Wert von Elementattributen abrufen. Ähnliche Methoden umfassen html(), text(), height(), width(), val() und css().

Attribut löschen

In manchen Fällen müssen Sie ein bestimmtes Attribut eines Elements im Dokument entfernen. Sie können die Methode „removeAttr()“ verwenden, um die Aufgabe abzuschließen.

Wenn Sie das Titelattribut des p-Elements löschen müssen, können Sie dazu den folgenden Code verwenden:

$("p").removeAttr("title");
//删除<p>元素的属性title
Nach dem Login kopieren

Sie können es sehr deutlich unter Firebug sehen.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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