0
$(document).ready(function(){

  console.log( $('form[data-ajax]') ); //Возвращает domHtmlElement

  $('form[data-ajax]').click( function( event ){
    console.log(this);// возвращает чистый html, как будто я вызвал .html()
  } )

})

Что я делаю не так? Всё же работало всегда, this внутри .on(function(){}) всегда возвращал domHtmlElement? Нет?

Всё ещё не понятно, чем объясняется такое поведение?

element = $('form.form-ajax');

$( element ).submit(function(event){
    console.log(typeof element); //object
    console.log(typeof this); //object
    console.log(this); //html
    console.log(element); //jquery object
    console.log(element === this)//false
}

Получается, element и this - объекты разных типов? Если да, то почему так получается? Я же .on вешаю на jquery object, значит и контекст должен быть в коллбэке jquery object, нет? А если нет (я вижу, что нет), то почему так происходит и где подробнее почитать про это?

2

2 ответа 2

2

Функция $(...) всегда возвращает объект jQuery.

Таким образом следующее утверждение неверно

console.log( $('form[data-ajax]') ); //Возвращает domHtmlElement

функция console.log сама решает как именно отобразить переданный аргумент и так как ее поведение зависит от реализации в браузере, следующее утверждение также неверно

console.log(this);// возвращает чистый html, как будто я вызвал .html()

Значение this внутри обработчика события устанавливается в Html элемент, на котором это событие подписано.

Таким образом сравнение html элемента с объектом jquery

element === this

Ожидаемо вернет false.

0

Вам возвращается элемент. Вы этот элемент пытаетесь вывести в лог, для этого он преобразовывается в строку. Алгоритмов преобразований может быть куча. В данном случае берется свойство outerHTML

$(document).ready(function() {
  console.log(typeof $('#test'));
  $('#test').click(function(event) {
    console.log(typeof this);
    console.log(this);
    console.log(this.id);
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">Test</div>

7
  • Почему он тогда в первом случае этого не делает? Commented 31 янв. 2017 в 11:35
  • В первом случае вы выводите не дом, а объект.
    – Arnial
    Commented 31 янв. 2017 в 11:37
  • @DanilaAlpatov Кто не делает? Запустите мой пример и все увидите Commented 31 янв. 2017 в 11:56
  • Я изменил вопрос слегка. Всё ещё плохо понимаю происходящее. Commented 31 янв. 2017 в 11:56
  • @DanilaAlpatov Вашим изменением вопроса Вы полностью его переформулировали Commented 31 янв. 2017 в 11:59

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.