$(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, нет? А если нет (я вижу, что нет), то почему так происходит и где подробнее почитать про это?