jqueryで属性を変更させる方法
属性とはhtmlでいうと要素で設定しているいろいろな値、 例えば：<a href="index.html"></a> 属性：href、属性値：index.html、要素：a 属性を変更できると、画像を入れ替えたり、urlを変更したり、大きさを変えたり、ホームページでの表現の幅が広がります。 attr 属性値を変更する場合 $("セレクタ").attr("変更したい属性の名前","変更後の属性値"); 例えば、 属性srcをa.jpg→b.jpgに変更する場合。 jquery $("img").attr("src","b.jpg"); html 変更前：<img src="a.jpg"> 変更後：<img src="b.jpg"> さらにたくさんの属性を変更したい時 $("セレクタ").attr({"属性名":"変更後の属性値","属性名2":"変更後の属性値"}); が使えます。 例えば、
ざっくり覚えて始められる jQueryセレクタ入門
最もよく使うjQueryセレクタ5つ 最新版のjQueryセレクタは、属性への対応はもちろんのこと、等価演算や否定演算も使うことができ、ほぼプログラミングの領域に入っているといっても過言ではない状況にあります。 ただ、たくさんのことができるようになった現状でも実際に使うものは限られてきます。これは、パフォーマンスのことを考えたときにも、シンプルかつ中身がよく分かるものを使うという意味で重要です。 そこで、下に実際よく使うセレクタについてまとめてみました。基本的には、ここで取り上げるセレクタのみを覚えていれば、大丈夫です。 【1】IDに一致
トグルとは (toggle)： - IT用語辞典バイナリ
トグル 【英】 toggle トグルとは、ある同じ操作を繰り返すことで、機能や状態のON/OFFを切り替える仕組みのことである。 例えば、マルチメディア再生ソフトの多くは、「再生」ボタンと「一時停止」ボタンが一体化されており、再生中は「一時停止」ボタンとして、一時停止中は「再生」ボタンとして機能するようになっている。これはファイル再生状態のON/OFFを切り替えるトグルである。 キーボードのキーの中では、アルファベットの大文字と小文字を切り替えるCaps Lockキーや、テンキー入力を有効にするNum Lockキーが、一度押されたら再度押されるまで機能が持続するようになっている。このような、トグルの性質を持ったキーは特にトグルキーと呼ばれている。
「jQuery」IEだとselectタグにname属性が設定できない - astrsk_horiの日記
現在、動的にselectタグを追加するページを作成しているのだがattr関数でname属性を追加するとIEの挙動がおかしい。 ■現象 まずjavascript（jquery1.3.2） $select_append = $('<select>').attr("id", "idA").attr("class", "classA").attr("name","nameA"); $select_append.append($("<option>").attr("value", "").attr("label", "labelA").text("textA")); //divに追加 $("#testA").append($select_append); alert($("#testA").html); HTMLは空DIVを配置のみ <body> <div id="testA" /> </body>
[作って学ぶ！jQuery] 第1回 セレクタを学ぶ | バシャログ。
「作って学ぶ！jQuery連載」の2回目なんだけど、1回目。今回はセレクタについてです。 jQueryを理解するで欠かせないのがセレクタ。セレクタの種類は数多くありますが、今回は現場でよく使うであろうものについてご紹介します。 基本系 要素セレクタ DOM要素（htmlタグ）を指定する方法です。 $('h1') $('ul') $('div') IDセレクタ = $('#myid') #で始まるセレクタは、id名を指定する方法です。なおidはページ内にて常にユニークである必要があります。 $('#header') CLASSセレクタ = $('.myclass') ドット（.）で始まるセレクタは、class名を指定する方法です。class名のみでの指定は、ドキュメント内を全て探しにいくので表示速度に影響もあります。IDセレクタと併用するのが望ましいです。 $('.link') グループセレ
![[作って学ぶ！jQuery] 第1回 セレクタを学ぶ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2/4 jQueryのセレクタ Forms 1 [Javascript] All About