jQueryとは

基本の型

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 オブジェクト は 返っ てこないのでつなげられない。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA