Pourquoi JQuery hide() et show() ne fonctionne pas?

J'ai un simple DIV et ne pouvez pas l'obtenir à hide() et show().

Je suppose que je suis en train de faire, mais ne peut pas trouver ce qui est mal avec elle.

<div id="thediv" >hola</div>
<input type="button" value="click to show">This is the div content</input>

$(document).ready(function() {
    $("div#thediv").hide();
    alert($("div#thediv").hide().attr("id"));
});

$("button").click( function() {
    $("div#thediv").show();
    alert('click');
});

Aussi, j'ai créé un violon à lien"http://jsfiddle.net/rt9Fc/".

Des idées?

OriginalL'auteur Luciano | 2013-06-27

mettre votre gestionnaire de clic à l'intérieur du document.prêt et de changer votre sélecteur à $("input:button") -

$(document).ready(function () {
    $("div#thediv").hide();
    alert($("div#thediv").hide().attr("id"));
    $("input:button").click(function () {
        $("div#thediv").show();
        alert('click');
    });
});

Démo ---> JsFiddle

Super! Je vous remercie beaucoup.

OriginalL'auteur Mohammad Adil

3

Il n'y a plus la bonne version de votre code: JsFiddle

HTML:
```
<div id="thediv">hola</div>
<input type="button" value="click to show"/>
```
JavaScript:
```
$(function() {
    var $myDiv = $("#thediv");
    $myDiv.hide();
    alert($myDiv.attr("id"));

   $("input[type=button]").on('click', function() {
      $myDiv.show();
      alert('click');
    });
});
```
Quelques notes utiles:
- cache de trouver des éléments DOM, car ils sont coûteux à trouver
- utiliser, au lieu de clic, il fonctionne plus rapidement
- $function() est un alias du document.prêt, c'est plus rapide à écrire et à moins d'octets à envoyer sur le réseau 🙂
- vous n'avez pas à utiliser div#sélecteurs d'id, #id est assez parce qu'il doit être unique dans votre page, en outre, de cette façon, après jquery va utiliser findElementById fonction javascript il n'aura pas à effectuer de contrôle supplémentaires pour les div.
- il y a bel article à propos de jQuery performance: artzstudio
- entrée ne doit pas être divisé en ouvrir et de fermer la balise.
Probablement vous voulais avoir ceci:

HTML:
```
<div id="thediv">
    hola
    <input type="button" value="click to show"/>
</div>
```
De cette façon, nous pouvons optimiser JavaScript:
```
$(function() {
    var $myDiv = $("#thediv");
    $myDiv.hide();
    alert($myDiv.attr("id"));

   $myDiv.find("input[type=button]").on('click', function() {
      $myDiv.show();
      alert('click');
    });
});
```
OriginalL'auteur 0lukasz0
1

Changer votre bouton sélecteur de :button ou utilisez l'entrée. button sélecteur est utilisé pour <button>Somebutton</button>
```
$(document).ready(function() {

   var $thediv = $('#thediv').hide(); //Cache the object here. Also you can shain it through

    $(":button").click( function() {
    $thediv.show();
    alert('click');
});
});
```
Violon

Si vous avez des id, ne pas préfixer avec tagname. il fera le sélecteur plus lent. Utilisez donc #thediv au lieu de div#thediv. Essayez également de mettre en cache l'objet jquery à une variable si vous l'utilisez dans de multiples endroits, cela permettra d'éviter l'appel de l'objet jquery création everythime.

OriginalL'auteur PSL
1

Bouton modifier selector: comme vous avez été en utilisant de simples <input type='button'/> encore si vous souhaitez utiliser $('button') changer votre balisage pour <button></button>
```
$("#thediv").hide();
alert($("div#thediv").hide().attr("id"));


$("input[type='button']").click( function() {
    $("#thediv").show();

});
```
DÉMO --> JsFiddle

OriginalL'auteur Dhaval Marthak

Donner un id à bouton

<div id="thediv">hola</div>
<input type="button" id="btn" value="click to show"/>

Utiliser ce Code

$(document).ready(function() {
$("div#thediv").hide();
alert($("div#thediv").attr("id"));
});

$("input#btn").click( function() {
$("div#thediv").show();
alert('click');
});

OriginalL'auteur Athul Nalupurakkal

Vous devez vous connecter pour publier un commentaire.