Downloading jQuery UI CSS from Google's CDN

I am planning on using Google to download the jQuery lib for both UI and Core. My question is, do they allow me to download the CSS for it or should I have to host it myself?

Also if I use Google to load how should I load other plugins? Can I compress all plugins together or should it be its own separate file?


The Google AJAX Libraries API, which includes jQuery UI (currently v1.10.3), also includes popular themes as per the jQuery UI blog:

Google Ajax Libraries API (CDN)

  • Uncompressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

  • Compressed: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

  • Themes Uncompressed: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast,pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, and vader.

  • Themes Compressed: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast,pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, and vader.


  • jQuery now has a CDN access:

    code.jquery.com/ui/ [version] /themes/ [theme name] /jquery-ui.css


    And to make this a little more easy, Here you go:

  • base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
  • black-tie: http://code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
  • blitzer: http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
  • cupertino: http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
  • dark-hive: http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
  • dot-luv: http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
  • eggplant: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
  • excite-bike: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
  • flick: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
  • hot-sneaks: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
  • humanity: http://code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
  • le-frog: http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
  • mint-choc: http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
  • overcast: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
  • pepper-grinder: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
  • redmond: http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
  • smoothness: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
  • south-street: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
  • start: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
  • sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
  • swanky-purse: http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
  • trontastic: http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
  • ui-darkness: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
  • ui-lightness: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
  • vader: http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

  • Google is hosting jQueryUI css at this link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

    If you look at this code directly, it is importing the css using @import which can be slow. You may want to factor the import into its parts to gain a slight performance benefit:

    https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css

    链接地址: http://www.djcxy.com/p/78980.html

    上一篇: 谷歌CDN的jQuery小部件

    下一篇: 从Google的CDN下载jQuery UI CSS