2013-08-08 3 views
1

В консоли:Объект # <HTMLDivElement> не имеет метода 'шоу'

$('#rhscol') //gives the result below: 

<div id=​"rhscol" style=​"border:​ 1px solid red;​">​ 
    Hello world! 
</div>​ 

Но в той же консоли:

$('#rhscol').show(); //Gives the result below: 
TypeError: Object #<HTMLDivElement> has no method 'show' 

Может кто-то пожалуйста, объясните мне, что я не хватает? Спасибо

+1

попробуйте 'jQuery ('# rhscol'). Show();' в консоли также 'jQuery === $', если у вас включен jQuery на странице ... также убедитесь, что код включен после того, как jQuery Включено –

ответ

6

Это красная консольная консоль для document.querySelector.

Вот код из исходного кода средства разработки:

$: function (selector, start) 
    { 
     if (this._canQuerySelectorOnNode(start)) 
      return start.querySelector(selector); 

     return inspectedWindow.document.querySelector(selector); // <- here 
    }, 

Ваш код выше с помощью JQuery. Вам нужно включить jQuery на страницу, если вы хотите ее использовать.

+0

Я сомневаюсь, что '$ ('# rhscol')' будет работать без jQuery на странице. Конечно, я включил jQuery на странице – Lomse

+4

@ Lomse Он делает это, перейдите на свою консоль на странице без jQuery и попробуйте это :) Это псевдоним для querySelector и возвращает 'Node'. Вы можете скрыть его с помощью '$ (" # rhscol "). Style.display =" none "'. Что делает 'jQuery (« # rhscol »)? Возможно, вы работаете в режиме без конфликтов или в закрытии, или просто в некоторых настройках намеренно не выставляете знак $. –

+1

+1. Вы более терпеливы, чем я. – nnnnnn

Смежные вопросы