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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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