jQuery $ ('. Klassenname'). Länge schlägt fehl, aber $ .find ('. Klassenname'). Länge funktioniert, warum?

Question

Mein JavaScript-Modul kann ein bestimmtes DOM-Element mit einem Klassennamen nicht finden, wenn $('.classname') verwendet wird, auch wenn das Element vorhanden ist.

$('.classname').length 0 zurück, wo als $.find('.classname').length liefert 1.

Webseite auch andere JavaScript-Module enthält.

Kann mir jemand helfen zu finden, warum das passiert?

Meine jQuery-Version ist 1.7.1.

Um dies zu reproduzieren 1- Gehen Sie zu avc.com
2- Öffnen Sie die Konsole.
3- Fügen Sie den folgenden Code in die Konsole ein.

var head = document.getElementsByTagName("head")[0]; 
var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"; 
script.async = true; 
head.appendChild(script); 

4- Versuchen
$('.pkg').length und $.find('.pkg').length.

Finden Sie den Screenshot hier aus http://i.imgur.com/4UDHz.png

Ein weiterer Punkt, wenn Sie versuchen, diese in einigen anderen Websites, funktioniert es richtig.

Answer 1

Möglicherweise haben Sie Konflikte mit Ihren anderen JavaScript-Modulen. Schauen Sie in jQuery noconflict

Viele JavaScript-Bibliotheken $ als Funktion oder Variablennamen verwenden, nur wie jQuery tut. In jQuerys Fall ist $ nur ein Alias ​​für jQuery, so dass alle Funktionen verfügbar sind, ohne $ zu verwenden. Wenn wir brauchen eine andere JavaScript-Bibliothek neben jQuery verwenden, können wir die Kontrolle über $ zurück auf die andere Bibliothek mit einem Aufruf von $ .noConflict zurückkehren()

Versuchen

jQuery('.classname').length