Opération d'attribut d'élément de nœud JQuery method_jquery

L'exemple de cet article décrit comment utiliser les attributs des éléments de nœud JQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Dans JQuery, utilisez la méthode attr() pour obtenir et définir les attributs d'élément, et la méthode removeAttr() pour supprimer les attributs d'élément.

Obtenir des propriétés et définir des propriétés

Si vous souhaitez obtenir le titre de l'attribut de l'élément p, il vous suffit de transmettre un paramètre à la méthode attr(), qui est le nom de l'attribut.

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

Si vous souhaitez définir la valeur du titre de l'attribut de l'élément

, vous pouvez également utiliser la même méthode. La différence est que vous devez transmettre deux paramètres, à savoir le nom de l'attribut et la valeur correspondante.

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

Si vous devez définir plusieurs attributs pour le même élément à la fois, vous pouvez utiliser le code suivant pour y parvenir :

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

De nombreuses méthodes dans JQuery utilisent la même fonction pour implémenter getter et setter. Par exemple, la méthode attr() ci-dessus peut non seulement définir la valeur des attributs d'élément, mais également obtenir la valeur des attributs d'élément. Des méthodes similaires incluent html(), text(), height(), width(), val() et css().

Supprimer l'attribut

Dans certains cas, vous devez supprimer un attribut spécifique d'un élément du document. Vous pouvez utiliser la méthode removeAttr() pour terminer la tâche.

Si vous devez supprimer l'attribut title de l'élément p, vous pouvez utiliser le code suivant pour y parvenir :

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

Vous pouvez le voir très clairement sous Firebug.

J'espère que cet article sera utile à la programmation jQuery de chacun.