Question

众所周知，.fadeOut和.fadeIn命令可用于淡入淡出各种元素。我的问题是我有多种形式，不同的段落的标签可以通过增量使其唯一，所有形式都有完全相同的标签。我希望淡出一个或多个表单，同时保留其他表格。我能做什么？我可以创建自定义表单标签吗？是否有一个淡入命令允许用户指定元素的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号作为参数不起作用。这是因为该命令需要一种类似

标记的标记。

Answer 1

fadeIn和fadeOut适用于任何选择器

$('#ID').fadeIn('slow', function() {
        // Animation complete
      });

Answer 2

指定ID的语法是在ID名称前添加＃。

在您的情况下，ID名称为form1，因此您应该这样做

$('#form1').fadeIn();

Answer 3

另外，为什么单独淡出/淡出？使用.fadeToggle（）。

html表单以多种形式淡出

3 个答案: