Comment utiliser le framework JQuery en js

Cette fois, je vais vous montrer comment utiliser le framework JQuery en js. Quelles sont les précautions lors de l'utilisation du framework JQuery en js. Voici des cas pratiques, jetons un oeil.

jQuery est un framework JavaScript rapide et concis, est une autre excellente bibliothèque de code JavaScript après Prototype (ou framework JavaScript). Le but de la conception de jQuery est de préconiser d'écrire moins de code et de faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un simple modèle de conception JavaScript, optimise les opérations sur les documents HTML, le traitement des événements , la conception d'animation et l'interaction Ajax, simplifiant considérablement la programmation JavaScript. Les fonctionnalités principales de jQuery peuvent être résumées comme suit : Il possède une syntaxe de chaîne unique et une interface multifonctionnelle courte et claire ; il dispose d'un sélecteur CSS efficace et flexible, et peut Étendre le sélecteur CSS ; Dispose d'un mécanisme d'extension de plug-in pratique et de plug-ins riches. jQuery est compatible avec divers navigateurs grand public, tels que IE6.0+, FF1.5+, Safari2.0+, Opera9.0+, etc.

Étapes d'installation de JQuery :

Téléchargez la bibliothèque de fichiers correspondante (chaque A. La bibliothèque de fichiers JQuery de la même version est divisée en deux, l'une est la version non compressée, le code source peut être visualisé et utilisé pendant le développement, (jquery-3.3.1.js)

L'une est une version compressée, avec les commentaires et les espaces supprimés, et le nombre de caractères variables réduit. Elle sera utilisée au lancement du produit (jquery-3.3.1.min.js) avec au moins un. J'aimeNous utilisons ceci )

(http: //jquery.com/ Téléchargeable)

2. Copiez le fichier JQuery JS dans le répertoire WEB (placez-le dans le répertoire de la page Web créée)

3. La page fait référence au fichier js (JS de JQuery)

        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>

4.

(Le script ci-dessus ne fait référence qu'à jQuery, vous ne pouvez écrire un script que si vous souhaitez charger JQuery)

Il y a trois méthodes :

Premier type :

$(document).ready(function(){  
func(xxx)//执行函数
                       });  
//.ready函数是当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件，为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

Deuxième type :

$(function(){  
     func(xxx)//执行函数
             });

第三种：

jQuery(function($) {  
     func(xxx)//执行函数
                  });

基本语法：

$(selector).action()

美元符号定义JQuery

选择符（selector）"查询"和“查找” HTML元素

JQuery的action()执行对元素的操作

        <script type="text/javascript">
		$(function(){
			alert("helloWorld");
		})
	</script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

filter怎样全局使用

如何获取dom内class的值

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!