简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Questions et réponses frontales > le corps du texte

Comment implémenter le texte de clic pour déclencher un événement de clic dans jquery

青灯夜游
Libérer： 2022-04-28 16:55:44
original
3286 Les gens l'ont consulté

Méthode d'implémentation : 1. Utilisez click() pour lier l'événement click à l'élément de texte et définir la fonction de traitement, la syntaxe est "element.click(function(){...})" ; ) pour lier l'élément de texte Liez l'événement click avec la syntaxe "element.on("click", function(){...})".

Comment implémenter le texte de clic pour déclencher un événement de clic dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Méthode jquery pour implémenter le clic sur le texte et déclencher des événements de clic

1. Utilisez click()

Utilisez click() pour lier les événements de clic aux éléments de texte et définir les fonctions de traitement des événements

Syntaxe : 

$(selector).click(function(){...})
Copier après la connexion

example: 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").click(function() {
					$("p").css("color","pink");
				});
			});
		</script>
	</head>
	<body>

		<p>点击这个文字段落。</p>

	</body>
</html>
Copier après la connexion

Comment implémenter le texte de clic pour déclencher un événement de clic dans jquery

2.

【Apprentissage recommandé :

Tutoriel vidéo jQuery

,

Vidéo web front-end
】

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!

Étiquettes associées：
jquery
source：php.cn
Article précédent：Comment changer l'angle de dégradé en CSS3 Article suivant：Comment modifier la valeur du titre dans jquery
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
jQuery obtient une mauvaise valeur lors de l'obtention de l'attribut de données J'ai un div avec l'attribut data <divclass='p1'data-location='1'></div> J'ai u...
Depuis 2023-11-01 23:01:19
0
1
209
Prise en charge du codage de transfert de jQuery : fragmenté Je suis développeur Web. Dans mon script, j'utilise header() pour définir "Transfer-E...
Depuis 2023-10-25 23:44:37
0
1
230
Comment obtenir les dimensions naturelles d'une image en utilisant JavaScript ou jQuery ? Jusqu'à présent, j'ai ce code : varimg=document.getElementById('draggable'); varwidth=img....
Depuis 2023-10-21 13:53:08
0
2
275
Agrandir automatiquement la zone de texte J'essaie de créer une simple zone de texte à expansion automatique. Voici mon code : texta...
Depuis 2023-10-21 08:49:23
0
2
225
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！