So verwenden Sie das JQuery-Framework in js

Dieses Mal zeige ich Ihnen, wie Sie das JQuery-Framework in js verwenden. Was sind die Vorsichtsmaßnahmen bei der Verwendung des JQuery-Frameworks in js?

jQuery ist ein schnelles und prägnantes JavaScript-Framework, ist nach Prototype (oder JavaScript-Framework) eine weitere hervorragende JavaScript-Codebibliothek. Der Zweck des jQuery-Designs besteht darin, dafür zu plädieren, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt häufig verwendete Funktionscodes in JavaScript, bietet ein einfaches JavaScript Designmuster , optimiert HTML-Dokumentoperationen, Ereignisverarbeitung , Animationsdesign und Ajax-Interaktion und vereinfacht so die JavaScript-Programmierung erheblich. Die Kernfunktionen von jQuery lassen sich wie folgt zusammenfassen: Es verfügt über eine einzigartige Kettensyntax und eine kurze und übersichtliche multifunktionale Schnittstelle; es verfügt über einen effizienten und flexiblen CSS-Selektor und kann Erweitern Sie den CSS-Selektor. Verfügt über einen praktischen Plug-In-Erweiterungsmechanismus und umfangreiche Plug-Ins. jQuery ist mit verschiedenen Mainstream-Browsern wie IE6.0+, FF1.5+, Safari2.0+, Opera9.0+ usw. kompatibel.

JQuery-Installationsschritte:

1. Laden Sie die entsprechende Dateibibliothek herunter (jeweils A Die JQuery-Dateibibliothek derselben Version ist in zwei Teile unterteilt, eine ist die unkomprimierte Version, der Quellcode kann angezeigt und während der Entwicklung verwendet werden (jquery-3.3.1.js)

Eine davon ist eine komprimierte Version, bei der Kommentare und Leerzeichen entfernt wurden und die Anzahl der variablen Zeichen reduziert wurde. Sie wird beim Start des Produkts (jquery-3.3.1.min.js) mit mindestens einem verwendet Gefällt mirWir verwenden dies )

(http: //jquery.com/ Herunterladbar)

2. Kopieren Sie die JQuery JS-Datei in das WEB-Verzeichnis (legen Sie sie im erstellten Webseitenverzeichnis ab)

3. Die Seite verweist auf die js-Datei (JQuerys JS)

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

4. Laden Sie JQuery in die Seite

(Das obige Skript verweist nur auf jQuery. Sie können nur ein Skript schreiben, wenn Sie JQuery laden möchten)

Es gibt drei Methoden:

Erster Typ:

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

Zweiter Typ:

$(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的值

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das JQuery-Framework in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!