Почему возвращается object?

Question

[Иван Симонов]

Здравствуйте

Код Fiddle

Не могу понять почему возвращается object

var blockContentTextHeight = $('.block-content-text').height(blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight) );
  console.log(typeof blockContentTextHeight);

Answer 1

[Александр]

В документации так и указано, что при height со значением возвращается объект jQuery api.jquery.com/height/#height2

Comments

[Иван Симонов]

Почему тогда предудущие значения height имеют typeof number?

[Александр]

Иван Симонов, потому что они вызываются без значения. И в документации указано, что при вызове height без значения вернется тип Number. Посмотрите в документации рядом с описанием метода справа есть Returns и он указывает что вернет вызов метода.

[Иван Симонов]

Александр, Подкажите, как тогда возратить число?

[Александр]

Иван Симонов, Вы устанавливаете значение высоты для блока, то есть самостоятельно вычисляете необходимую высоту этому блоку $('.block-content-text').

Вариант 1(не корректный, но рабочий):

var blockContentTextHeight = $('.block-content-text').height(blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight) ).height();
console.log(typeof blockContentTextHeight); // number

Вариант 2(корректный):

// Вычисление высоты
var blockContentTextHeight = blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight);
// Установка высоты
$('.block-content-text').height(blockContentTextHeight);

console.log(typeof blockContentTextHeight); // number

Answer 2

[Alex Step]

Почему бы просто не сделать так =)

var blockContentTextHeight = blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight)
$('.block-content-text').height( blockContentTextHeight );

ну или так

var blockContentTextHeight = $('.block-content-text').height(blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight) ).height();

  console.log(typeof blockContentTextHeight);

Answer 3

[Александр Nameless08]

В jquery используется подход chaining. Смысл заключается в том, что после присвоения какому либо элементу высоты, jquery возвращает этот элемент представляя возможность дальнейшей манипуляции с ним, например:

$('div').height(200).css({
    	      border: '1px solid #000',
    	      backgroundColor: 'green'
        });

таким образом мы сначала задали div высоту 200, а после изменили его бордер и бэкграунд. Если бы jquery не возвращало объект такая цепочка была бы невозможна.