recherche

Maison >interface Web >js tutoriel >jQuery lie simplement une seule instance d'événement à partager

jQuery lie simplement une seule instance d'événement à partager

小云云
小云云original
2018-01-10 09:38:321867parcourir

Cet article présente principalement la méthode de jQuery pour lier simplement un seul événement. Il analyse les compétences opérationnelles associées de jQuery en utilisant la méthode de liaison pour la liaison d'événements et la réponse à un événement sur la base d'exemples spécifiques. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

L'exemple de cet article décrit comment jQuery lie simplement un seul événement. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants : 


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>绑定单个事件</title>
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  <script language="JavaScript">
    $(document).ready(function () {
      $("input[name=event_1]").bind({
        mouseover:function () {
          $("ul").css("display","none");
        },
        mouseout:function () {
          $("ul").css("display","block");
        }
      });
    });
  </script>
</head>
<body>
<h1>壹基金</h1>
<h2>简介</h2>
<p>2007年，李连杰先生创立启动了壹基金。深圳壹基金公益基金会2010年12月3日再深圳注册成立，是中国第一家民间公募基金会。</p>
<h2>战略及策略</h2>
<p>壹基金的公益愿景为"尽我所能，人人公益"。壹基金战略模式为"一个平台+三个领域"，即搭建专业透明的壹基金公益平台。</p>
<h2>公益活动</h2>
<ul>
  <li>为爱同行</li>
  <li>关注自闭儿童</li>
  <li>雅安地震救援</li>
</ul>
<input name="event_1" type="button" value="绑定单个事件" />
</body>
</html>

L'avez-vous appris ? Dépêchez-vous et essayez-le.

Recommandations associées :

Explication détaillée du processus depuis l'apprentissage de la liaison jusqu'à l'implémentation de la liaison en Javascript

.bind(), .live dans Jquery (), .delegate() et .on() partageant des exemples

Explication détaillée de la fonction bind() dans 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!

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：Explication détaillée des événements composés jQueryArticle suivant：Explication détaillée des événements composés jQuery

Articles Liés

Voir plus