Une chose importante: vous devriez écrire unobtrusive JavaScript, car il est considéré comme la meilleure pratique. Avec lui, vous pouvez maintenir une séparation du contenu du code. Ainsi, la première étape consiste à supprimer ce gestionnaire onclick
sur l'élément <button>
.
Je suppose que vous voulez cliquer sur le bouton qui dit "cliquez pour cacher" pour cacher le <div>
. Ok, alors allons-y un peu de code dans le squelette à <script>
:
$(document).ready(function() {
$(<button>).click(function() {
$(<div>).hide();
});
});
Mais nous devons relier en quelque sorte que gestionnaire click
à ce bouton, et le lien qui hide
fonction à la div
réelle. Voici la façon la plus simple de faire ceci: donnez vos ID <button>
et <div>
. Disons que ...
<button id="hide-button">...</button>
<div id="hide-div">...</div>
Maintenant, nous avons simplement besoin de faire quelques modifications à notre code squelette:
$("#hide-button").click(function() {
$("#hide-div").hide();
});
Voici ce que ce code simple fait. Lorsque votre DOM se charge, une fonction sans nom (vous ne pouvez pas nommer les fonctions que vous définissez à la volée *) est appelée à partir de l'événement ready du document. Cette fonction sans nom associe le gestionnaire click
à votre bouton #hide-button
, de sorte que lorsque vous cliquez sur le bouton, une autre fonction anonyme est appelée. Cette fonction appelle hide
, ce qui fait de la magie jQuery qui fonctionne dans tous les navigateurs, sur ce #hide-div
div pour le masquer.
* Eh bien, vous pouvez, mais seulement si vous les définissez d'abord, puis les transmettre.Comme ceci:
var fn = function() {...};
$(document).ready(fn);
Modifier
Étant donné que le demandeur ne veut pas utiliser des ID ou des classes, voici une solution alternative:
<script>
function hide() {
$('div').hide();
}
</script>
...
<button onclick="hide()">click for hide</button>
<div></div>
Veillez à ne pas placer function hide()
au sein du document jQuery l'idiome prêt. Cela vous empêchera d'accéder à hide()
en raison de la portée.
Sur quel objet voulez-vous pouvoir cliquer pour cacher les divs? 'fn' n'est pas un élément. –
j'ai deux ou peut avoir plus de bouton en html et je ne wana leur donner id ou classe ce pourquoi je veux utiliser le paramètre – Carlos