这次给大家带来jquery动态加载Js文件和Css文件步骤详解，jquery动态加载Js文件和Css文件的注意事项有哪些，下面就是实战案例，一起来看一下。
如果你有很多关联的CSS文件要一起加载，或者想动态的加载不同的CSS文件，那么下面的方法你一定对你有帮助。
Jquery动态加载Js和Css扩展方法
$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^s|s$/g, ""); var att = name.split('.'); var ext = att[att.length - 1].toLowerCase(); var isCSS = ext == "css"; var tag = isCSS ? "link" : "script"; var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' "; var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'"; if ($(tag + "[" + link + "]").length == 0) document.write(""); } } });
登录后复制
使用方法：
$.include('http://www.jb51.net/include/dedeajax.js'); $.include('http://www.jb51.net/templets/skins/style/android.css');
登录后复制
或者：
$.includePath='www.jb51.net/html/'; $.include([dedeajax.js','android.css']);
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
使用jquery插件ajaxupload进行文件上传
jQuery插件Tocify动态节点实现目录菜单
jQuery插件限制上传文件大小与格式使用方法
以上就是jquery动态加载Js文件和Css文件步骤详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2769260.html
