jQuery
if (!window.jQuery) { document.body.appendChild((function(){ var s = document.createElement("script"); s.type = "text/javascript"; s.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; return s; })()); } $.fn.jquery
・競合を解消 var j = jQuery.noConflict(); j("#id").html("innerHTML"); ・jQuery対象生成 jQuery(expression[,context]) jQuery(elements) jQuery(html[,document]) jQuery(html,props) jQuery(objects) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQuery対象取得 …</meta></head></html>
jQeury1.7からCallbackの仕組みを提供している Callbacks対象生成 jQeury.Callbacks(flags) flags種類 once : 一回だけfire memory : 前回の引数をキャッシュする unique : 重複する関数なし stopOnFalse : falseを返す関数で実行中止 Callbacksのメソッド a…
純粋なjavascriptの場合、異なるブラウザでイベント発生原の取得方法が異なる。 jQeuryは、ブラウザによる取得方法の差異を解消している。 jQeuryのイベント原の属性 data : イベントdata pageX : mouseのX座標 pageY : mouseのY座標 currentTarget : 伝播中…
jQeuryは、汎用的にバインドする方法以外に特定のイベント紐付けも提供している。 イベント種類 mouse関連 click(), dbclick(), hover(), mousedown(), mouseenter(), mouseleaver(), mousemove(), mouseout, mouseover(), mouseup(), focusin(), focusout()…
jQueryは、javascriptのイベントバインドを簡略化している。 バインド関連メソッド ready(fn) : ロードされたら呼ばれる関数紐付け 代表的なのが、$(document).ready(fn) : body要素内にonloadがないこと。あればreadyは呼ばれない。 bind(type[,data], fn(e…
jQueryは、node生成、削除、追加、複製などができる。 DOMのnode操作関連メソッド 生成 $("<a></a>") $("<a></a>", { href: "xxxx.html", target: "_blank", "class": "myClass" }); // 1.8から？ $("<div></div>", { width: 100, height: 100, css: {border: "5px solid gray"}, addC…
DOMのコンテンツには主にinnetHTML、テキスト、value属性など。 jQueryオブジェクトのメソッド innetText html() html(val) テキスト text() text(val) formの要素 val() val(val) val(Array) - 複数選択select,checkboxなど <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQueryのコンテンツ操作 </title> </meta></head></html>
jQueryを通してDOMのCSSを操作できる。 class関連 addClass(class) hasClass(class) removeClass(class) toggleClass(class) : classがあれば追加、なければ削除！！ css関連 css(name) : 取得 css(name, value) : 単一設定 css(properties) : 複数設定 位置…
jQueryを通してDOMの属性の取得、追加、削除の操作が可能。 取得 attr(name) prop(propName) 追加 attr(name, value) attr(map) attr(key, fn) prop(properties) prop(name, value) prop(key, fn) 削除 removeAttr(name) removeProp(name) ※attrとpropの違い…
jQuery対象にname-value形式で一時データ保存先として保存、取得ができる。 jQueryオブジェクトのメソッド ・保存 data(name, value) data(obj) : ({name1:value1, name2:value2})形式 ・取得 data() ・削除 removeData([name]) removeData([list]) jQuery名…
jQuery.メソッド()を色々提供している。 一部メソッド jQuery.support : javascript対象取得し、属性値でブラウザ情報など取得 ajax boxModel など jQuery.error(string) : Errorを投げる jQuery.globalEval(code) : codeを実行する jQuery.isArray(object) …
jQuery.fn.extend(object) : jQueryオブジェクトに対して拡張を行う。 jQuery.extend(object) : jQuery名前空間に対して拡張を行う。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery </title> </head> <body> 赤<input name="color" type="checkbox" value="red" /> 青</body></html>
jQuery1.5からすべてのjQueryオブジェクトにpromise()が追加されている。jQueryオブジェクトのアニメキューの進捗を監視し、doneCallback,failCallbakを設定できる。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> promise </title> <style type="text/css"> div { height: 50px; width: 50px; float: left; …</meta></head></html>
![はてなブックマーク - jQuery - jQuery.promise([queue][,target])](https://b.hatena.ne.jp/entry/image/https://javait.hatenablog.com/entry/2016/02/22/220655)
Deferredオブジェクトは、時間がかかる処理の進行状態に応じてcallback関数を設定できるために用意されている。 生成 jQeury.Deferred() Deferredメソッド done(doneCallback) : 成功時 fail(failCallback) : 失敗時 progress(callback) : 進行中 always(don…
jQueryは簡易的な方法で非同期通信のget,postを送信できる。 GET jQuery.get(url[,data][,callback][,type]) type : xml, json, script, text, html jQuery.getJSON(url[,data][,callback]) - type = json jQuery.getScript(url[,data][,callback]) - type =…
・ jQuery.param(obj) - objをリクエストパラメータに変換 ・ serialize() - jQueryオブジェクトが含むフォームの要素をリクエストパラメータに変換 ・ serializeArray() - jQueryオブジェクトが含むフォームの要素を配列に変換 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> jQuery-serialize </title> </head> <body> </body></html>
