An implementation of $.getScript but for stylesheets. Call it $.getStylesheet

jquery.getStylesheet.js

(function($) {
  $.getStylesheet = function (href) {
    var $d = $.Deferred();
    var $link = $('<link/>', {
       rel: 'stylesheet',
       type: 'text/css',
       href: href
    }).appendTo('head');
    $d.resolve($link);
    return $d.promise();
  };
})(jQuery);

It always callbacks done/then(), no matter the href is loaded or broken.

And it callbacks when the $link element is appended. It is not like $.getScript that callbacks after the js file is loaded complete.

I modified to make it works like $.getScript to fit my needs.

(function($) {
  $.getStylesheet = function (href) {
		return $.ajax({
			dataType: "text",
			url: href,
		}).done( function(text){
			$("<style>").html(text).appendTo("head");
		} );
  };
})(jQuery);