jquery - 请解释一下$({deg : 0}) in JQuery

Question

有人可以向我解释一下 CSS rotation cross browser with jquery.animate() 中的 $({deg: 0}) 的含义吗？ ？

例如

$({deg: 0}).animate({deg: angle}, {
    duration: 2000,
    step: function(now) {
        // in the step-callback (that is fired each step of the animation),
        // you can use the `now` paramter which contains the current
        // animation-position (`0` up to `angle`)
        $elem.css({
            transform: 'rotate(' + now + 'deg)'
        });
    }
});

如果您能给我看相关的 jQuery 官方文档，我将不胜感激。

Answer 1

它创建一个断开伪 jQuery 对象，并将属性 deg 设置为 0。

您以前可能见过这个:

var newDiv = $('<div>', {class: "hello"});

它创建特定元素类型并为其设置初始属性。没有指定元素类型也是一样的。

注意:这种类型的对象对于插入 DOM 无效，但您可以对其应用许多有用的 jQuery 方法。

因此，您可以使用该对象中的信息来做一些很酷的事情，如下所示:http://jsfiddle.net/TrueBlueAussie/cfmzau1w/

// Create a pseudo jQuery object (not connected to a DOM element)
var po = $({
    deg: 0
});

// This is just the target object we want to change
$elem = $('#result');

// Use animate on the object, to make use of the step callback
po.animate({
    deg: 360
}, {
    duration: 5000,
    step: function (now) {
        // Take the computed value and use it on a real element!
        $elem.css({
            transform: 'rotate(' + now + 'deg)'
        });
    }
});

引用并不明显，但是在这个页面 http://api.jquery.com/jquery/#jQuery-object它有一个 jQuery(object) 方法，内容如下:

jQuery( object )
object Type: PlainObject
A plain object to wrap in a jQuery object.

在您的示例中，对象是您的匿名对象，因此该示例的长手伪代码类似于:

var anonymousObj = {
     deg: 0
};
var wrappedInAjQueryObject = jQuery(anonymousObj);
wrappedInAjQueryObject.animate(targetPropertiesAndValues, someSettingsAndCallbacksInAnObject);