有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件,如在切换页面布局时。思路是创建一个 link 元素,并将它添加到 <head> 标记中即可,下边首先看看怎么使用 jQuery 来实现。
下边是我喜欢的写法:
$("<link>")
.attr({ rel: "stylesheet",
type: "text/css",
href: "site.css"
})
.appendTo("head");
有些朋友可能会使用下边的写法,只是形式有些小差异(append appendTo),原理还是一样的。
$("head").append("<link>");
css = $("head").children(":last");
css.attr({
rel: "stylesheet",
type: "text/css",
href: "/Content/Site.css"
});
最后,有的朋友可能希望直接在 javascript 中使用,方法如下:
function addCSS() {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = '/Content/Site.css';
document.getElementsByTagName("head")[0].appendChild(link);
}
分享到:
相关推荐
css 加载中样式
2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的...
js加载动画,jquery加载动画,css加载动画,html加载动画
通过jquery的javascript代码及css实现选项卡功能,美观大方,要求加载jQueryUI
这个插件可以按你的需要加载javascript和css文件,也就是你不用在文件开始的时候就加载所有的js和css文件,加快文件在客户端的载入速度,当在需要的时候再加载所需的javascript和css文件。 其实这个插件的用法也挺...
loadFile是个简易的Jquery插件,用于异步加载javascript、css文件,可以单文件、多文件一起加载,也可以设置加载完成回调和加载失败回调函数。 使用例子: 1、单文件加载 $.loadFile('js/test1.js',function(&#...
2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...
如,zencart网站的下载安全的其他插件中,如果有两个都带有 同一个 javascript 文件(例如:jQuery),那么它将会被加载两次, 不过要使得这个功能生效的话,那么开发者必须都使用CJ Loader插件来加载 css和javascript 文件,...
jquery css3进度条加载特效.zip
动态加载外部JavaScript和CSS文件 安装 npm install load.js 如何使用? const load = require ( 'load' ) ; /* you could use jquery functions here */ await load . js ( 'jquery.js' ) ; /* load menu css and...
jQuery实现图片动态加载效果 鼠标滚动时图片动态加载
主要介绍了异步安全加载javascript文件的方法,实例分析了javascript实现文件异步加载的具体技巧,具有一定参考借鉴价值,需要的朋友可以参考下
通用jQuery对话框dialog或popup弹出层或提示窗口插件下载 6)工具提示 1.jquery+div随屏幕滚动特效(支持设置参数滚动) 2.jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载 3.jquery实现Tooltip...
需要使用jQuery库文件(目前版本1.3)和jQuery Image Flyout库文件(目前版本1.1) 可选JS库文件:增强图片显示特效可使用jQuery插件Easing Plugin库文件 素材准备 可自定义CSS样式,控制jQuery插件jQuery Image ...
jQuery+CSS3页面刷新加载效果.zip
jQuery+CSS3页面预加载动画特效.zip
首先不要忘记在head中加载CSS文件: <style type="text/css" href="jquery.sinaEmotion-1.0.css"></style> 确保你的网页中引入了jQuery库: [removed][removed] 然后引入js文件: [removed][removed] 调用...
jQuery网站页面加载进度条.zip
jQuery类似Flickr加载动画效果.zip
您希望以特定的顺序动态加载CSS和javascript。 您要动态加载Google字体。用法我们要加载龙虾字体,我们要使用jQuery的插件。 Smoke需要和才能正常工作,因此我们需要正确加载所有内容。 这就是您可以使用DySEL的...