この記事の例では、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 プログラミングに役立つことを願っています。