facebook twitter hatena line email

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>