jQuery $ ('. Classname'). Length failed, но $ .find ('. Classname'). Length works, why?

Question

Мой модуль JavaScript не может найти конкретный элемент DOM с именем класса, используя $('.classname'), даже если этот элемент существует.

$('.classname').length возвращает 0, где, как $.find('.classname').length возвращает 1.

Сайт содержит другие модули JavaScript также.

Может ли кто-нибудь помочь мне найти, почему это происходит?

Моя версия jQuery - 1.7.1.

Воспроизвести этот 1- Перейти на avc.com
2- Открытая консоль.
3- Вставьте следующий код в консоль.

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- Попробуйте
$('.pkg').length и $.find('.pkg').length.

Найти снимок экрана здесь http://i.imgur.com/4UDHz.png

еще один момент, если вы попытаетесь это сделать в некоторых других сайтах, он работает правильно.

Answer 1

Возможно, у вас могут быть конфликты с вашими другими модулями JavaScript. Посмотрите на JQuery noconflict

Многие библиотеки JavaScript используют $ как функция или имя переменной, просто , как это делает JQuery. В случае jQuery, $ является просто псевдонимом для jQuery, поэтому вся функциональность доступна без использования $. Если нам нужно использовать другую библиотеку JavaScript наряду с JQuery, мы можем вернуть контроль $ обратно к другой библиотеке с вызовом $ .noConflict()

Попробуйте использовать

jQuery('.classname').length