Javascript/jquery自宅設置?
提供: 初心者エンジニアの簡易メモ
2015年5月20日 (水) 03:16時点における127.0.0.1 (トーク)による版 (ページの作成:「jquery.jsメモ ■ダウンロード http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js ■講座 http://www.mikage.to/jquery/ ■基本 ▽基本...」)
jquery.jsメモ
■ダウンロード http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
■講座 http://www.mikage.to/jquery/
■基本 ▽基本 タグ無いの文字取得 $("q").html(); $("q").text(); class指定 $(".class1").html(); id指定 $("#id1").html();
▽書換 $("q").html("書換文字");
▽効果 フェードアウト $("p").fadeOut("slow"); フェードイン $("p").fadeIn("slow"); フェードアウトイン $("p").fadeOut("slow").fadeIn("slow");
▽css追加 $("p").css("background-color", "#fff0ff");
▽class追加排除 $("p").addClass("class1"); // 追加 $("p").removeClass("class1"); // 排除
▽表示非表示("slow", "fast") $("p").hide(); $("p").show();
■ajax ▽ファイルロード表示 $("p").load("import.html"); $("p").get("import.php", {name: "test",id: 1}); // getパラメータ $("p").post("import.php", {name: "test",id: 1}); // postパラメータ
■ロード後実行 $(function(){ // HTMLロード後に実行 }); ■DOM ▽タグの数 $("p").size() var $target = $("#target1"); $("p" $target).size(); ~タグ内のタグの数
■クリック開閉 $(function(){ $(".btn").click(function(){ $(".window").toggle("slow"); return false; }) }); <a href="" class="btn">test</a> <div class="window"> test </div>