ご存知のように、.fadeOut および .fadeIn コマンドを使用して、さまざまな要素をフェードインおよびフェードアウトできます。私の問題は、複数のフォームがあり、インクリメントによってタグを一意にすることができる段落とは異なり、すべてのフォームにまったく同じタグがあることです。1 つ以上のフォームをフェードアウトさせ、他のフォームはそのままにしたい。私に何ができる?カスタムフォームタグを作成できますか? ユーザーが要素の ID を指定できるフェード コマンドはありますか?
例えば:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeOut()
$("form1").fadeOut()
});
$(".btn2").click(function(){
$("p").fadeIn();
document.getElementById("form").fadeOut()
});
});
</script>
</head>
<body>
<form id=form1>
<input id="check1" type="checkbox" />Print Design
</form>
<form id=form2>
<input id="check3" type="checkbox" />Web Design
</form>
<p>This is a paragraph.</p>
<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>
</body>
</html>
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_fadeout_fadein
上記のコードを w3schools のコンパイラに貼り付けます。引数として ID 番号を入れるだけでは機能しないことがわかります。これは、コマンドが次のような種類のタグを想定しているためです。
鬼ごっこ。