2014-03-01から1ヶ月間の記事一覧
本日まで私のブログをご覧いただいていた皆様 こんにちは。 mocomeiです。 一年前エンジニアたる者、毎日最低1ステップは書かにゃいかんと思い始めた当ブログですが、先日、ブログのタイトル通り365日を迎えることができました。 海外でネット環境が整わずア…
お題 jQueryでJSONPを取得する プログラム概要 jQueryのgetJSON()メソッドを利用してJSONPを取得し画面に表示する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> </head> <body> <h1>AjaxでJSONを取得</h1> </body></html>
お題 jQueryの$.get()メソッドでGETリクエストを送信する プログラム概要 $.get()メソッドでGETリクエストを送信し、結果を画面に表示する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> </head> <body> <h1>$.get()メソッドを使用したAjaxの例</h1> </body></html>
お題 jQueryでイベントハンドラを登録する プログラム概要 id属性が"confirm"の要素がクリックされた場合のイベントハンドラを登録し、 クリックされた時に確認ダイアログを表示する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> </head> <body> <form> </form></body></html>
お題 jQueryでCSSスタイルの操作をする プログラム概要 ボタンを用意し、それをクリックするとボタンに応じて CSSの操作を行う ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> <style type="text/css"> .title { color: red; } </style> </head> <body>…</body></html>
お題 jQueryで子要素を追加する プログラム概要 ボタンを押すとそれに応じてli要素を追加する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> <body> <h1>子要素の追加</h1> <input type="button" id="append" value="append"/> </body></meta></head></html>
お題 jQueryで要素に対する繰り返し処理を行う プログラム概要 jQueryのget()、each()、map()メソッドによる繰り返し処理で要素を取得し 値を表示する ソース <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>hoge</title> <script src="jquery-1.11.0.js"></script> <body> <ul id="hp"> <li data-category="hg">hoge1</li></ul></body></meta></head></html>
