127.0.0.1: ページの作成:「jquery.jsメモ ■ダウンロード http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js ■講座 http://www.mikage.to/jquery/ ■基本 ▽基本...」

2015-05-19T18:16:57Z

ページの作成:「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;
})
});
<<nowiki />a href="" class="btn">test</a>
<<nowiki />div class="window">
test
</div>

Javascript/jquery自宅設置？ - 変更履歴

127.0.0.1: ページの作成:「jquery.jsメモ ■ダウンロード http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js ■講座 http://www.mikage.to/jquery/ ■基本 ▽基本...」