WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

jQuery

復習

自分なりに調べて答えを出してみました。問題はこちら <a href="http://d.hatena.ne.jp/webmaster-web/20150806/p1" data-mce-href="http://d.hatena.ne.jp/webmaster-web/20150806/p1">復習 - 演習課題 - We…

jQuery基礎

$(document).ready(function(){ jQueryの処理を記述 }); //省略形 $(function(){ jQueryの処理を記述 }); 要素セレクター <html lang="ja"> <head> <meta charset="utf-8"> <title>Jquery要素セレクター</title> <script src="js/jquery-1.11.3.min.js"></script> </head> <body> <ul> <li>テキストテキストテキストテキストテキスト</li> <li>テキストテキストテキストテキ…</li></ul></body></html>

Lightbox

画像をモーダルウィンドウで表示させるプラグインlokeshdhakar.com デモはこちら http://efu.sakura.ne.jp/web/lightbox/ (オプションはデフォルトのまま) HTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>LightBox</title> <link rel="stylesheet" href="css/lightbox.css"> </link></meta></head></html>

jQuery基礎2

文字列を取得する <html lang="ja"> <head> <meta charset="utf-8"> <title>メソッド:文字列を取得する</title> <script src="js/jquery-1.11.3.min.js"></script> </head> <body> <ul> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></meta></head></html></ul></body></html>

jQuery基礎3

各要素を指定した要素で包む <html lang="ja"> <head> <meta charset="utf-8"> <title>メソッド:各要素を指定した要素で包む</title> <script src="js/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(function(){ $('strong').wrap('<h2></h2>'); }); </script> </meta></head></html>

jQuery基礎4

click()イベント <html lang="ja"> <head> <meta charset="utf-8"> <title>click()イベント</title> <script src="js/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> </meta></head></html>

jQuery練習

<html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.11.3.min.js"></script> <script> $(function(){ $('#list').append('<li>jQuery</li>'); $('#list').after('<p>Web制作に必須のjQueryを勉強します。</p>'); }); </script> </head> <body> <div id="wrapper"> </div></body></html>