Code d'implémentation JQuery pour obtenir et définir le contenu ou le texte de HTML elements_jquery

Jetons d’abord un coup d’œil à la démonstration :

Bienvenue dans le didacticiel PHP Script House

• Tutoriel PHP Script House
• La magie JavaScript facile à comprendre
• La magie JQuery facile à comprendre

Méthode html()

Cette méthode est similaire à l'attribut innerHTML en JavaScript et peut être utilisée pour lire ou définir le contenu HTML d'un certain élément. Pour récupérer le contenu d'un élément, vous pouvez faire ceci :

Si vous devez définir le code HTML d'un certain élément, vous pouvez également utiliser cette méthode, mais vous devez lui passer un paramètre. Par exemple, pour définir le code HTML de l'élément p, vous pouvez utiliser le code suivant :

Remarque : La méthode html() peut être utilisée pour les documents XHTML, mais pas pour les documents XML.

Méthode text()

Cette méthode est similaire à l'attribut innerText en JavaScript et peut être utilisée pour lire ou définir le contenu du texte dans un élément. Continuez à utiliser le code HTML ci-dessus et utilisez la méthode text() pour opérer sur l'élément p :

Identique à la méthode html(), si vous devez définir le contenu du texte pour un élément, vous devez également passer un paramètre. Par exemple, pour définir le contenu du texte pour l'élément p, le code est le suivant :

Veuillez noter les deux points suivants :

1. L'attribut innerText en JavaScript ne peut pas s'exécuter sous le navigateur Firefox, mais la méthode text() de jQuery prend en charge tous les navigateurs.

2. La méthode text() est valable à la fois pour les documents HTML et les documents XML.