メソッド　その5

jQuery

slideUp()メソッド・縦にスライドしながら要素をたたむ・パラメータが空の場合、400ミリ秒を指定するのと同じ HTML <style> #list{ background:#cef3ab; width:500px; } </style> </head> <body> <ul id="list"> <li>HTML</li> <li>CSS</li> <li>jQuery</li> <li>PHP</li> </ul> <script> $(function(){ $('#list').slideUp(5000); }); </script> </body> ↓ slideDown()…

2013-08-09

メソッド　その4

jQuery

○hide()メソッド・要素を隠す HTML <body> <ul id="list"> <li>HTML</li> <li>CSS</li> <li>jQuery</li> <li>PHP</li> </ul> <script> $(function(){ $('#list').hide( ); }); </script> </body> ↓ ※hideの時間指定・「slow」か「fast」のいずれかで指定する・ミリ秒で指定する（slow：600ミリ秒、fast：200ミリ秒） HTML <style> #list{ background:#00</style>…

2013-08-08

メソッド　その3

jQuery

attr()メソッド・属性を操作する HTML <body> <h1><a href="#">趣味のアンケート</a></h1> <p>あなたの趣味を教えてください。</p> <form action="#" method="get"> <label>音楽：<input type="radio" id="music" value="music" name="hobby"></label> <label>映画：<input type="radio" id="movie" value="movie" name="hobby"></label> <label>読書：</label></form></body>

2013-08-07

メソッド　その2

jQuery

○複数のプロパティの記述$( 'セレクタ' ).メソッド( { 'プロパティ'：'値', 'プロパティ'：'値' } );・コロン（:）で値をつなぐ・ふたつ目以降は、カンマ（,）で区切る・全体は、「{ }」で囲む HTML <body> <ul> <li>HTML</li> <li>CSS</li> <li id="third">jQuery</li> <li">PHP</li> </ul> <script> $(function(){ $('#third').cs…

2013-08-06

　メソッド　その1

jQuery

・要素に命令を出す [$( 'セレクタ' ).メソッド( パラメータ );] ・ドット（.）でつなぐ・メソッド名には必ず（）をつける・必要な場合は、パラメータを記述する○CSS()メソッド・要素のCSSを操作するためのメソッド HTML <body> <ul> <li>HTML</li> <li>CSS</li> <li id="third">jQuery</li> <li>PHP</li> </ul> <script> $(funct</script></body>…

2013-08-05

　セレクタの続き

jQuery

○子セレクタ・「子」にあたる要素を指定するセレクタ・[＞]で区切ることで指定できる HTML <body> <ul> <li>HTML</li> <li><em>CSS</em></li> <li><em>jQuery</em></li> <li>PHP</li> </ul> <script> $(function(){ $('li > em').css('background','pink'); }); </script> </body> ↓ ○隣接セレクタ・指定した２つの要素が隣り合っているときにだけ指定した…

2013-08-02

　セレクタ

jQuery

JQのセレクタはHTMLの一部分だけ抜き出しスタイルを適用できる。 HTMLの要素を取ってくると考えるといい。その一部分や要素を的確に指定するときにセレクタを用いる。 ○IDセレクタ・ピンポイントでページ内の要素が欲しいときに最適なセレクタ・HTMLでidで…