jquery中$test = "<p>"+123+"</p>";然后$($test)为什么没宽度

今天突然碰到个问题，求大神解答，js代码如下，为什么两个都能创建出p，查看可以都看到宽度，但是读取的时候test宽度是0，try有宽度。查了好久没查到资料，求解答，谢谢！！
$test = "

"+123+"

";
$($test).appendTo($("div"));

$try = $("

"+456+"

");
$try.appendTo($("div"));

console.log($($test).width());
console.log($try.width())

然后$($test)创建jquery对象，但没有添加到页面dom节点树中，所以没有宽度
$try是一个jquery对象并且添加到dom节点树中了，所以有宽度