基本の型
jQuery( function ($) {
// この 中 に 処理 を 書く
});
※これ以外にも書き方あるけどHTMLの読み込み順を気にしないといけないなど不便なので使わない。
$( function($){
//処理 を ここ に 書く
});
※これでも動くけど$が別のライブラリーで使われてた場合に不具合が生じる
jQueryでできること
- CSSの操作
- DOM要素(HTML)を付け加えたり
- AJAXを使った非同期でのjSONの取得やDOM要素の書き換え
$(jQuery)の基本的な使い方
$はjQueryの別名(エイリアス)
$(…)はjQuery(…)と書くこともできる!?
セレクター
$(” セレクター文字列”)
$(“#name”)
DOMの生成
$(“HTML文字列”)
$(“< li > 三郎 ”). appendTo(“# family”);
第 2 引数 に オブジェクト を 指定 する と、 その オブジェクト の プロパティ は、 HTML の 属性 として 設定 さ れ る。
jQuery( function ($) {
$("< a >", {
href: "abc. html",
target: "_blank",
”class”: "myClass"
});
});
jQuery オブジェクト
$( セレクター) を 呼び出す と、 jQuery オブジェクト が 返さ れ る。
SMXLL
メソッドチェーン:「つなげて書けるよ」ってこと
$("#color_div").css("border","1 px solid red").css("color","red");
※ただしwidthとかの「値」取得した場合は jQuery オブジェクト は 返っ てこないのでつなげられない。