Maison > Article > interface Web > Onclick est-il un événement jquery ?

Onclick est-il un événement jquery ?

WBOYoriginal: 2022-06-02 16:05:382157parcourir

onclick n'est pas un événement jquery, mais en JavaScript, cet événement se produira lorsque l'on clique sur l'élément ; en jquery, la méthode click() est associée à onclick. La fonction principale de cette méthode est de déclencher l'élément qui exécute le. méthode.

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Est-ce que onclick est un événement jquery ?

1. onclick est un événement lié (c'est un événement)

Notez que cette liaison d'événement n'est disponible que dans JacaScript. Il n'existe pas d'événement de ce type dans Jquery. lorsque la souris est cliqué. Que faire quand

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>测试onclick事件</title>
<script type="text/javascript">
function mouse(){
alert(&#39;我是一张图片!!!&#39;);
}
</script>
</head>
<body>
<img src="../1.jpg" alt="图片" οnclick="mouse()"/>
</body>
</html>

2. La méthode click (en jquery)

consiste à déclencher l'événement onclick Tant que la méthode click() de l'élément est exécutée. L'événement onclick sera déclenché. La fonction principale de la méthode

click() est de déclencher l'événement onclick de l'élément qui appelle la méthode click, qui simule en fait l'action de clic de la souris. De plus, si d'autres instructions exécutables sont définies entre les crochets click, la méthode click exécutera les instructions entre crochets après l'exécution de l'événement onclick.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>测试Jquery中的click方法(表单选择器)</title>
 <!--   引入jQuery -->
 <script src="../js/jquery-1.11.0.min.js"></script>
 <script src="../js/assist.js"></script>
 <link rel="stylesheet" type="text/css" href="../css/style.css" /> 
 <script type="text/javascript">
 $(function(){
 $("#btn1").click(function(){
 //alert($("#form1 :input").size());
 //alert($("#form1 :input").length);
 alert($("#form1 input").size());
 });
 });
 </script>
</head>
<body>
  <input type="button" value="选取所有的表单子元素" id="btn1"/><br />
  <form id="form1" action="#">
    <input type="button" value="Button"/><br/>
    <input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>
    <input type="file" /><br/>
    <input type="hidden" /><br/>
    <input type="image" src="1.jpg"/><br/>
    <input type="password" /><br/>
    <input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>
    <input type="reset" /><br/>
    <input type="submit" value="提交"/><br/>
    <input type="text" /><br/>
    <select><option>Option</option></select><br/>
    <textarea rows="5" cols="20"></textarea><br/>
    <button>Button</button><br/>
  </form>
  <div></div>
</body>
</html>

Développez les connaissances

3. La méthode on (dans jQuery)

la méthode on() lie les gestionnaires d'événements aux éléments de l'objet jQuery actuellement sélectionné. Dans jQuery 1.7, la méthode .on() fournit toutes les fonctionnalités nécessaires pour lier les gestionnaires d'événements. (Fonction de traitement d'événements de liaison dynamique)

Cette méthode a deux paramètres (les paramètres entre crochets dans les paramètres sont facultatifs, choisissez en fonction des besoins réels)

1).on(events,[selector] ,[data], fn)

events : un ou plusieurs types d'événements séparés par des espaces et un espace de noms facultatif, tel que "click" ou "keydown.myPlugin".

selector : Une chaîne de sélection utilisée comme descendant de l'élément sélecteur qui déclenche l'événement du filtre. Si le

data : Lorsqu'un événement est déclenché, event.data doit être transmis à la fonction de traitement d'événement.

fn : Fonction exécutée lorsque cet événement est déclenché. La valeur false peut également être utilisée comme raccourci pour une fonction qui renvoie false.

2).on(events-map,[selector],[data])

events-map : un ou plusieurs types d'événements séparés par des espaces et des espaces de noms facultatifs représentés par des chaînes, la valeur représente la fonction de gestionnaire liée à l'événement.

selector : Une chaîne de sélecteur pour filtrer les éléments sélectionnés, le gestionnaire sera appelé sur les éléments descendants de ce sélecteur. Si la sélection est vide ou ignorée, l'événement est toujours déclenché lorsqu'il atteint l'élément sélectionné.

data : Lorsqu'un événement est déclenché, event.data doit être transmis à la fonction de traitement d'événement. La méthode

on consiste à définir une fonction de traitement d'événements pour les éléments correspondant au sélecteur (correspondance maintenant ou correspondance dans le futur)

Recommandation du didacticiel vidéo : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript jquery NULL 命名空间字符串 Event map 对象事件选择器

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelles sont les méthodes de soumission de formulaire jquery ?Article suivant：Quelles sont les méthodes de soumission de formulaire jquery ?

Articles Liés

Voir plus