40日目　アコーディオンパネル

■アコーディオンパネル http://tototo.webcrow.jp/BlogUp/1/accordion.html <html lang="ja"> <head> <meta charset="utf-8"> <title>アコーディオンパネル</title> <link rel="stylesheet" href="style.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script> $(function(…</link></meta></head></html>

2016-03-27

39日目　jQuery基本　onClick続き　toggle　show　hide　not:animated　slide　fade　animate

■jQueryの命令-HTMLの移動(wrap)- <h1><strong>テキストテキスト</strong></h1> <h1><strong>テキストテキスト</strong></h1> となるひとつずつ囲む <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの命令-HTMLの囲み(wrap)-</title> <script src="../../js/jquery-2.2.1.min.js"></script> <script> $(function() { $('strong').…</meta></head></html>

2016-03-27

38日目　jQuery基本　onClick onMouseover

■nth-child擬似クラス上から３番目に出てきたliに適用 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習-nth-child擬似クラス-</title> <script src="../../js/jquery-2.2.1.min.js"></script> <script> $(document).ready(function() { $('li:nth-child(3)').css('color','coral'); }); </script> </head> </html>

2016-03-27

37日目　jQuery 基本

■要素セレクタ要素に対して色変更を適用 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習-要素セレクター-</title> <script src="js/jquery-2.2.1.min.js"></script> <script> $(document).ready(function() { $('li').css('color','red'); }); </script> </head> <body> <ul> <li>HTML5+CSS3</li> <li>JavaScript…</li></ul></body></html>