ホームページ > ウェブフロントエンド > jsチュートリアル > JQueryノード要素の属性操作method_jquery

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

WBOY
リリース: 2016-05-16 15:55:50
オリジナル
1187 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート