Maison > interface Web > tutoriel CSS > Comment écrire du style CSS en jq

Comment écrire du style CSS en jq

醉折花枝作酒筹
Libérer: 2021-07-23 12:00:47
original
2394 Les gens l'ont consulté

La méthode est la suivante : Généralement, le style doit être chargé lors de l'initialisation de la page, donc la méthode ready() est utilisée et le format de syntaxe est "$(document).ready(function)". L'événement ready se produit lorsque le DOM est chargé et que la page (y compris les images) a été entièrement rendue.

Comment écrire du style CSS en jq

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

La méthode d'écriture du style CSS dans jquery est la suivante : Généralement, le style doit être chargé lorsque la page est initialisée, utilisez donc la méthode ready()

$(document).ready(function(){
	$("table tr td").css({
		"height":"25px",
	})
	$("span").css({
		"color":"#337ab7",
		"font-size":"13px",
	});
});
Copier après la connexion

Lorsque le DOM (Document Object Model) a été chargé et la page (y compris les images) a été entièrement rendue, l'événement prêt se produira.

Étant donné que cet événement se produit une fois le document prêt, c'est une bonne pratique de placer tous les autres événements et fonctions jQuery dans cet événement. Tout comme dans l'exemple ci-dessus. La fonction

ready() spécifie le code à exécuter lorsque l'événement ready se produit. La fonction

ready() ne fonctionne que sur le document actuel, aucun sélecteur n'est donc nécessaire.

Les trois syntaxes suivantes sont autorisées :

Syntaxe 1

$(document).ready(function)
Copier après la connexion

Syntaxe 2

$().ready(function)
Copier après la connexion

Syntaxe 3

$(function)
Copier après la connexion

Astuce : La fonction ready() ne doit pas être utilisée avec .

Apprentissage recommandé : Tutoriel vidéo CSS

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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal