jQuery
今回は、jQueryのhoverについて書きます。 hoverは、マウスオーバー の処理ができるメソッドです。 こんな感じに使います。 <body> <p>Hello</p> <script> $(function(){ $('p').hover( function () { $(this).css('background', 'red'); }, function () { $(this).css('backgroun</script></body>…
今回は、jQueryの「eq」について書きます。 eqは、◯番目の要素を指定できるメソッドです。こんな感じに使います。 <body> <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> <li>g</li> </ul> <script> $(function(){ $('li').eq(1).css('background', 'red'); }); </script> </body> 実行結果 「eq()」の引数に指定したい要素の番目を入れま…
今回は、jQueryの「each」について書きます。 「each」は、繰り返し処理ができるメソッドです。 イメージは、forみたいな感じです。こんな感じに使います。1. $('li').each(function(i){ console.log(i + ' = ' + $(this).text() ); }); 2. <body> <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> <li>g</li> </ul> <script></body>…
今回は、jQueryの「remove()」と「empty() 」について書きます。 両方とも、要素を削除するメソッドです。１.「remove()」 removeは、マッチしている自身の要素も含めて、子要素も全て削除します。基本的にこのように使います。 例１ $('div').remove(); 例…
今回は、jQueryの「width」,「height」について書きます。 「width」,「height」は、要素の幅と高さを取得できます。 「width」が幅で、「height」が高さです。 ２つとも、このように使います。 $('#target').width(); $('#target').height(); これを使ってd…
今回は、jQueryの「click」, 「mouseover」,「mouseout」について書きます。 「click」は、要素をクリックしたときにクリックイベントを発生させるメソッドです。 「mouseover」,「mouseout」は、マウスオーバー関連のイベントを発生させるメソッドです。 １…
今回は、jQueryの「hide」, 「show」,「 fadeOut」,「 fadeIn」について書きます。 これらのメソッドは、各要素にエフェクトをかけることができます。 １.「hide」 「hide」は、要素のうち表示状態にあるものを、アニメーションをしながら非表示にします。こ…
今回は、jQueryの「before」,「after」,「prepend」,「append」について書きます。 これらは、各要素の前後にコンテンツを挿入できるメソッドです。 まず、「before」から書いていきます。「before」は、要素の前にコンテンツを挿入します。使い方は、こんな…
今回は、jQueryの「text」,「html」,「val」について書きます。 ・「text」「text」は、要素内にあるテキストを取得・変更ができます。要素内のテキストを変更する場合は、このようにします。 <p>Hello!</p> <script> $(function(){ $('p').text('Bye!'); }); </script> 実行結果 …
今回は、jQueryの「css」,「addClass」, 「removeClass」について書きます。 ・「css」メソッドcssメソッドを使うと、指定した要素のスタイルを追加・変更できます。 例えば、文字色や背景色などを変えたい場合に使えます。 <body> <h1>Hello</h1> <script> $(function(){ $('h1').c</script></body>…
今回は、「jQuery」について書きます。 「jQuery」は・・・ ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした…
