[jQuery] 基本メモ: フォームで役立つメソッド[jQuery] 基本メモ: フォームで役立つメソッド
<input type="text" id="name"> <select id="members" name="members"> <option>Suzuki</option […]
カテゴリー: jQuery
[jQuery] 基本メモ: マウスイベント[jQuery] 基本メモ: マウスイベント
<div id="box" style="width:100px; height:100px; background:yellow;"></div> クリック $('#box').click(fu […]
[jQuery] 基本メモ: エフェクト[jQuery] 基本メモ: エフェクト
<div id="box" style="width:100px; height:100px; background: blue;"></div> 非表示 $('#box').hide(); 表示 […]
[jQuery] 基本メモ: htmlの操作[jQuery] 基本メモ: htmlの操作
attrメソッド – htmlタグの属性 <a href="http://google.com/">Google</a> 取得 console.log($('a').attr('hre […]
[jQuery] 基本メモ: cssの操作[jQuery] 基本メモ: cssの操作
プロパティの設定 $('p').css('color','red').css('background','blue'); プロパティの取得 console.log($('p').css('color')); クラスの追加 […]
[jQuery] 基本メモ: 属性セレクタ[jQuery] 基本メモ: 属性セレクタ
属性が一致した要素だけ選択する。 サンプルコード <ul> <li><a href="https://google.com">Google</a></li> & […]
[jQuery] 基本メモ: セレクタ[jQuery] 基本メモ: セレクタ
セレクタはDOM(Document Object Model)要素を選択する。 記述スタイル セレクタに続けてメソッドをチェインして記述できる (メソッドチェイン)。 $('セレクタ').css(....).hide(. […]
[jQuery] 基本メモ: 超入門[jQuery] 基本メモ: 超入門
CDNにホストされているファイルを使うのが手っ取り早い。 <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> […]