Li Yanhui grundlegendes Teilen von Videomaterial mit jquery

jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework) nach Prototype. Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt gängige JavaScript-Funktionscodes, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.

Video-Wiedergabeadresse: http://www.php.cn/course/384.html

Das Wichtige und Schwierige Punkte beim Erlernen von jQuery:

1. Webseitenelemente auswählen

Das grundlegende Design und die Hauptverwendung von jQuery besteht darin, „ein Webseitenelement auszuwählen und dann eine Operation daran auszuführen“. . Dies ist das grundlegende Merkmal, das sie von anderen Funktionsbibliotheken unterscheidet.
Der erste Schritt bei der Verwendung von jQuery besteht häufig darin, einen Auswahlausdruck in den Konstruktor jQuery() (abgekürzt als $) einzufügen und dann das ausgewählte Element abzurufen.

Der Auswahlausdruck kann ein CSS-Selektor sein:

$(document)//Wählen Sie das gesamte Dokumentobjekt aus
$('#myId')//Wählen Sie das Webelement mit aus ID myId
$('div.myClass')//Wählen Sie das div-Element mit der Klasse myClass
aus $('input[name=first]')//Wählen Sie das Eingabeelement mit dem Namensattribut gleich first

Es kann auch ein jQuery-spezifischer Ausdruck sein:

$('a:first')//Wählen Sie das erste a-Element auf der Webseite aus

$('tr:odd') //Wählen Sie die ungerade Nummer der Tabellenzeile
$('#myForm :input')//Wählen Sie das Eingabeelement im Formular
$('div:visible') //Wählen Sie das sichtbare div-Element $('div:gt(2 )')//Wählen Sie alle div-Elemente aus, außer den ersten drei
$('div:animated')//Wählen Sie das div-Element aus, das sich derzeit im animierten Zustand befindet
　
2. Ergebnismenge ändern
Wenn mehrere Elemente ausgewählt sind, stellt jQuery Filter bereit, die die Ergebnismenge eingrenzen können:

* $('div').has('p'); das div-Element, das das p-Element enthält

* $('div').not('.myClass'); //Wählen Sie div-Elemente aus, deren Klasse nicht gleich myClass ist

* $('div').filter ('.myClass'); //Klasse gleich myClass auswählen Das div-Element
* $('div').first( //Wählen Sie das 1. div-Element
* $('div'). eq(5); //Wählen Sie das 6. div-Element aus
Manchmal müssen wir von der Ergebnismenge ausgehen und zu nahegelegenen verwandten Elementen wechseln:

$('div').next('p' ); //Wähle das erste p-Element nach dem div-Element

$('div').parent(); //Wähle das übergeordnete Element des div-Elements

$('div').closest('form '); //Wählen Sie das übergeordnete Element des Formulars aus, das dem div am nächsten liegt.
$('div').children(); //Wählen Sie alle untergeordneten Elemente des div aus
$('div').siblings(); //Geschwisterelemente von div auswählen

Das obige ist der detaillierte Inhalt vonLi Yanhui grundlegendes Teilen von Videomaterial mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!