jQuery-Browser CSS3-Nahaufnahme-kompatibel example_jquery

Das Beispiel in diesem Artikel beschreibt die CSS3-Nahaufnahmekompatibilitätsmethode des jQuery-Browsers. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

CSS3 hat seit vielen Jahren die Anforderungen der Webentwicklung vollständig berücksichtigt und viele neue Funktionen übernommen. Zum Beispiel border-radius

Das aufregendste Feature von CSS3 ist die Verbesserung von Selektoren. Beispielsweise können Attributselektoren Tags basierend auf einem bestimmten Attributwert auswählen, und Positionsselektoren können Tags basierend auf der Position von untergeordneten Elementen auswählen.

Viele derzeit verwendete Browser, wie z. B. IE7, unterstützen hauptsächlich CSS2. Die meisten Attributselektoren sind nicht ideal.

Das liegt genau an dem Kompatibilitätsproblem des Browsers mit CSS3. Kein Browser bietet dafür eine bessere Standardunterstützung.

jQuery stellt fast alle Selektoren unter dem CSS3-Standard durch vorprogrammiertes JavaScript bereit. Entwickler können diese Selektoren verwenden, um verschiedene Elemente einfach auszuwählen. Zur Verwendung durch Javascript-Programmierung.

Code kopieren Der Code lautet wie folgt:

Das Obige verwendet den Selektor li:nth-child(2), was bedeutet, dass die zweite Elementmarkierung in

ausgewählt wird. Und es kann in den Browsern IE7 und Chrome getestet werden.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.