Partage de code source du didacticiel vidéo jQuery

"Tutoriel vidéo jQuery" Les amis qui apprennent le front-end connaissent jQuery. Il s'agit d'une bibliothèque JavaScript simple qui peut développer rapidement des animations interactives. Grâce à l'étude de ce cours, nous pouvons faire plus de choses avec le moins de code, commençons à apprendre ensemble !

Adresse de lecture du cours : http://www.php.cn/course/205.html

Le style d'enseignement du professeur :

Les cours sont conviviaux et naturels, sans prétention, ni prétentieux ni délibérément exagérés, mais parlent avec éloquence et prudence, entre enseignants et étudiants Dans une atmosphère d'égalité, la collaboration et l'harmonie, des échanges émotionnels silencieux sont réalisés, et le désir et l'exploration des connaissances sont intégrés dans des situations d'enseignement simples et réelles. Les étudiants acquièrent des connaissances grâce à une réflexion calme et une approbation silencieuse

Le point le plus difficile. dans cette vidéo se trouve l'incident jQuery :

Introduction

La raison pour laquelle jquery est devenue la bibliothèque frontale la plus populaire est en grande partie due au fait que les événements qui en bénéficient ont une bonne sémantique, excellente compatibilité et faciles à gérer et à étendre.

Ici, je vais présenter quelques utilisations de base des événements jquery.

Principe d'implémentation

Les événements jquery sont dérivés des méthodes addEventListener (W3) et attachEvent (IE) du navigateur, fournissant une API cohérente entre les navigateurs. Pour les principes de mise en œuvre spécifiques, veuillez vous référer à la série d'articles d'Aaron
événements d'analyse du code source jquery.

Opération d'événement

Événement de liaison

Il existe de nombreuses façons d'implémenter la liaison d'événement dans jquery, parmi lesquelles l'événement de méthode $(selector).event(func) prend en charge une série de Événements de navigateur, événements de chargement de document, événements de formulaire, événements de clavier et événements de souris, mais pas tous.

// 常用的写法$('body').click(function(){ })
$('body').on('click',function(){ })
$('body').one('click',function(){ }) // 只会执行一次，然后销毁事件
// 其他写法(不推荐)
$('body').bind('click',function(){ })
$('body').delegate('p','click',function(){ })

Ici, nous vous recommandons également de télécharger les ressources du code source : http://www.php.cn/xiazai/learn/2112

Les ressources sont données dans Tout le monde a partagé le didacticiel vidéo, le ppt et le code source

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!