Почему val() возвращает объект?

Question

[Сергей Горячев]

Крайне простая форма и крайне простая кнопка.

$('a#open_popup').on('click',function(e){
    var formTheme = $(this).attr('data-theme');
    console.log(formTheme);
    var currFormTheme = $("input#simpleForm2_88_tema_soobshhenija_elem").val();
    console.log(currFormTheme);
    var sendFormTheme = $("input#simpleForm2_88_tema_soobshhenija_elem").val(formTheme);
    console.log(sendFormTheme);
    e.preventDefault();
});

В консоли получается следующая картина.

Заказать звонок
Тема не указана
Object { 0: <input#simpleForm2_88_tema_soobshhenija_elem..sf2-element>, length: 1, prevObject: Object[1] }

Собственно, задача банальна, при клике на a#open_popup открывается форма, в которой есть input[type="text"] (правда он display: none;, так как hidden использовать не могу).
Значение data-theme возвращается нормально.
Значение val для #simpleForm2_88_tema_soobshhenija_elem тоже возвращается нормально.
Но при попытке указать data-theme непосредственно в val, возвращается объект.

Посмотреть вживую

rmk.wbrs.ru

Comments

[Сергей Тутуков]

Функция val() в jQuery:

var rreturn = /\r/g;

jQuery.fn.extend( {
	val: function( value ) {
		var hooks, ret, isFunction,
			elem = this[ 0 ];

		if ( !arguments.length ) {
			if ( elem ) {
				hooks = jQuery.valHooks[ elem.type ] ||
					jQuery.valHooks[ elem.nodeName.toLowerCase() ];

				if ( hooks &&
					"get" in hooks &&
					( ret = hooks.get( elem, "value" ) ) !== undefined
				) {
					return ret;
				}

				ret = elem.value;

				// Handle most common string cases
				if ( typeof ret === "string" ) {
					return ret.replace( rreturn, "" );
				}

				// Handle cases where value is null/undef or number
				return ret == null ? "" : ret;
			}

			return;
		}

		isFunction = jQuery.isFunction( value );

		return this.each( function( i ) {
			var val;

			if ( this.nodeType !== 1 ) {
				return;
			}

			if ( isFunction ) {
				val = value.call( this, i, jQuery( this ).val() );
			} else {
				val = value;
			}

			// Treat null/undefined as ""; convert numbers to string
			if ( val == null ) {
				val = "";

			} else if ( typeof val === "number" ) {
				val += "";

			} else if ( Array.isArray( val ) ) {
				val = jQuery.map( val, function( value ) {
					return value == null ? "" : value + "";
				} );
			}

			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];

			// If set returns undefined, fall back to normal setting
			if ( !hooks || !( "set" in hooks ) || hooks.set( this, val, "value" ) === undefined ) {
				this.value = val;
			}
		} );
	}
} );

Когда ты не присваиваешь значение, то работает условие и возвращаешь value
if ( !arguments.length ) {
Когда ты передаешь какое-либо значение, то возвращает вот это
return this.each( function( i ) {

Answer 1

[Леонид Князев]

Если почитать документацию, то можно увидеть, что в случае присвоения значения, этот метод возвращает объек jQuery. (Returns: jQuery)

Comments

[Сергей Горячев]

Епть)