JQueryノード要素の属性操作method_jquery

この記事の例では、JQuery ノード要素の属性を操作する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

JQuery では、attr() メソッドを使用して要素属性を取得および設定し、removeAttr() メソッドを使用して要素属性を削除します。

プロパティの取得とプロパティの設定

p 要素の属性タイトルを取得したい場合は、属性名である 1 つのパラメーターを attr() メソッドに渡すだけで済みます。

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

要素の属性タイトルの値を設定する場合も、同じメソッドを使用できます。違いは、属性名と対応する値という 2 つのパラメーターを渡す必要があることです。

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

同じ要素に複数の属性を一度に設定する必要がある場合は、次のコードを使用してそれを実現できます:

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

JQuery の多くのメソッドは、ゲッターとセッターを実装するために同じ関数を使用します。たとえば、上記の attr() メソッドは、要素の属性の値を設定するだけでなく、要素の属性の値を取得することもできます。同様のメソッドには、html()、text()、height()、width()、val()、css() などがあります。

属性を削除

場合によっては、ドキュメント内の要素の特定の属性を削除する必要がある場合は、removeAttr() メソッドを使用してタスクを完了できます。

p 要素の title 属性を削除する必要がある場合は、次のコードを使用してそれを実現できます:

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

Firebug で非常にはっきりと確認できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。