Question

我想要的是制作div切换。是否可见。

这是我的div

<div id="kullanici_ara" style="display:none;">
<form action="kullanicilar.php" method="get">
<label>Aramak istediğiniz kullanıcının adını giriniz</label><br />
<input type="text" name="ara"/>
<input type="radio" name="type" value="nick" checked="checked">Pasaj Adı</input>
<input type="radio" name="type" value="id" />Id</input>
<input type="radio" name="type" value="name" />Ad-Soyad</input>
<input type="radio" name="type" value="email" />E-posta</input>
<input type="radio" name="type" value="city" />Şehir</input>
<br /><br />
<label>Kullanıcıları puanlarına göre büyükten->küçüğe sıralamak için seçiniz.</label><br />
<input type="checkbox" value="puan" name="puansort"><br /><br />
<input type="submit" value="Ara" />
</form><br /><br />
</div>

有没有办法根据id切换div？我的意思是有一个类似的代码

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").toggle();
  });
});
</script>

有没有办法将上面的代码写成id？

Answer 1

你的答案是：

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("#kullanici_ara").toggle();
  });
});
</script>

请参阅：Jsfiddle

请注意，每个按钮现在都会切换ID为#kullanici_ara的div。也许您想要指定具有id的特定按钮。类似的东西：

<button id='clickbutton'>Toggle div</button>

和

<script type="text/javascript">
$(document).ready(function(){
  $("#clickbutton").click(function(){
    $("#kullanici_ara").toggle();
  });
});
</script>

请参阅：ID-selector

Answer 2

是的，语法为$('#elementId')...

$(document).ready(function(){
  $("button").click(function(){
    $("#kullanici_ara").toggle(); // # + the div Id 
  });
});

您应该阅读jQuery API网站中的selectors section

Answer 3

试试这个

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
   $("#kullanici_ara").toggle();
  });
});
</script>

切换javascript - Div切换可能性

3 个答案: