Javascript/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>
