-1

如你们所知， .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 号作为参数输入是行不通的。这是因为该命令需要一种类似的标签

标签。

4

3 回答 3

1

fadeIn 和 fadeOut 可以与任何选择器一起使用

$('#ID').fadeIn('slow', function() {
        // Animation complete
      });
于 2013-08-21T16:49:55.180 回答
1

指定 id 的语法是在 id 名称前添加#。

在您的情况下，id name 是form1，所以您应该这样做

$('#form1').fadeIn();
于 2013-08-21T17:10:04.460 回答
0

另外，为什么要分开淡入/淡出？使用 .fadeToggle()。

于 2013-08-21T17:12:49.757 回答