2015-08-01から1ヶ月間の記事一覧
clickイベント 簡単な使い方 <html lang="ja"><head><meta charset="UTF-8"><title>clickイベント1</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script></head> <body><script type="text/javascript">$(function() { //readyイベントの登録$('<button>Click Me!</button>').appen…</body></html>
よく利用されるイベント ready click toggle readyイベント readyイベントはjQueryのイベントの中でももっとも使われるイベントとなる。このイベントはブラウザにDOMが読み込まれた時に実行される。 ブラウザはJavaScriptのコードを検出した時点で実行される…
Dreamweaverで新規HTMLファイルを作成 <html lang="ja"><head><meta charset="UTF-8"><title>jQueryの勉強1</title><script src="js/jquery-1.11.3.min.js"></script></head> <body><div id="msg"><script type="text/javascript">$ (document) .ready (function () {$ ('#msg') //jQueryのセレクタでdiv#msg要素を検索.text ("Hell …</div></body></html>
jQueryとはアメリカのJohn Resig氏が中心となって開発したJavaScriptのライブラリ。 jQueryには各種API(Application Program Interface)とプラグインが豊富に用意されていて生産性を飛躍的に向上させることが出来る。 jQueryの特徴 ・jQueryは2006年に最初の…
id名と要素名を組み合わせてみる 今回のソースコードのような場合、特定のリストや表組みにアクセスするには、はじめにid要素で絞り込み、更にその中の特定の要素名を指定すると良い。 具体的な使い方を記述してみよう。 id名【solar】に含まれるli要素の数…
要素の内容をデータとして取得するには innerHTMLプロパティを使用する 例) オブジェクト名.innerHTML <html lang="ja"><head><meta charset="utf-8"><title>DOMテスト</title></head><body><h1>DOMテスト</h1><p>おはよう</p><p>こんにちは</p><p>こんばんは</p><script> var ps = document.getElementsByTagName( 'p' ); alert(ps[1].innerHTML);</script></body></html>
HTMLの中から特定のオブジェクトを探し出す Document Object Modelの略で【ドム】と発音する。 HTMLドキュメント中のさまざまな要素や属性などをオブジェクトとして考えそれらの中から特定のものにアクセスするためのメソッドを使用することが出来る。 DOMで…
条件を指定して処理するifとif...else 例) もし◯◯だったら◯◯ この条件に合わない場合、△△ といった条件ん応じさせることが出来る ifを使う理由 1つの流れしか記述できなかったJavascriptに対してif文を使うことにより条件に応じた処理の切り替えることが出来…
