jquery动态调用css文件方法示例
本文导语: jquery动态调用css文件，只要通过简单的点击，就可以让网站在瞬间换个皮肤，这里通过jquery来实现，代码简洁，可读性强。 例子，在jquery脚本中动态调用css文件的代码。 代码示例: $(document).ready(function() { $('.s...
jquery动态调用css文件，只要通过简单的点击，就可以让网站在瞬间换个皮肤，这里通过jquery来实现，代码简洁，可读性强。
例子，在jquery脚本中动态调用css文件的代码。
$(document).ready(function()
{
$('.styleswitch').click(function()
{
switchStylestyle(this.getAttribute("rel"));
return false;
});
var c = readCookie('style');
if (c) switchStylestyle(c);
});
function switchStylestyle(styleName)
{
$('link[@rel*=style]').each(function(i)
{
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
});
createCookie('style', styleName, 365);
}
说明：
$('.styleswitch').click
这一句是对所有classname为styleswitch的对象定义点击事件，在jquery里用"#"表示id，比如$("#my_id")就可以定位到id为my_id的对象，定位classname为"."，而定位tagName则不加任何修饰符，比如$("p")，就是定位到所有p对象。（ www.）
readCookie和createCookie是两个自定义函数，这里没有给出来。
$('link[@rel*=style]').each(function(i)
定位到link标签，其中有rel属性，并且rel属性里要包含style，对每一个这样的对象制定函数：
this.disabled = true;
以上代码意思是使当前的对象失效。
{
$('link[@rel*=style][@title]').each(function(i)
{
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
});
createCookie('style', styleName, 365);
}
这个函数的作用就是选择当前的样式 。
$('link[@rel*=style][@title]').each(function(i)
这句是所有标签名为link，包含rel属性，且rel属性里要包含style，同时还要有title属性的对象，每一个都执行相应的函数。
- jQuery操作元素css样式三种方法示例
- jquery按需加载js与css的插件
主页面内容：
这里rel="alternate stylesheet"，使得当前的css不会应用到当前的文档，而只是备用：
这些就是点击后改变样式部分的代码。
注意，其中有rel属性，有class属性，这些都是方便定位用的。
有关jquery动态调用css文件的方法，就是这些了，希望对大家有所帮助。
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。