JQuery-Knotenelementattributoperation method_jquery

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

Wenn Sie den Wert des Attributtitels des e388a4556c0f65e1904146cc1a846bee-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");
//设置单个的属性值

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"});   
//将一个“名/值”形式的对象设置为匹配元素的属性

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

Sie können es sehr deutlich unter Firebug sehen.

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