用jquery动态加载CSS文件的三种方法及在线实例演示亲测


  • :
  • 01-17 20:47
  • :
  • 19次
  • :
  • 0条
  • 0赞

简介本文讲的是使用jquery来动态加载CSS样式文件的三种方法,并且附带完整的在线实例演示。

我们使用jquery来动态加载CSS文件是非常简单的,常见的有三种方法:

方法1:

$("<link>").attr({ rel:"stylesheet",type:"text/css",href:"url路径"}).appendTo("head");
//或者:
$("<link>").prop({ rel:"stylesheet",type:"text/css",href:"url路径"}).appendTo("head");

方法2:

$("<link>",{rel:"styhlesheet",type:"text/css",href:"url路径"}).appendTo("head");

方法3:

$("head").append("<link>");
var css=$("head").find("link:last");
css.attr({
    rel:"stylesheet",
    type:"text/css",
    href:"url路径"
});

下面是完整的在线实例演示:

用jquery动态加载CSS文件三种方法的在线演示



您正在找的文章可能是: