判断方法：首先引入“jquery.js”文件；然后为button创建点击事件；最后在点击事件中使用“$.ajax()”方法请求css资源文件，根据http状态码来进行判断，如果返回的状态码为200则css文件存在，为404则不存在。

本教程操作环境：windows7系统、jquery1.12.0版本、Dell G3电脑。

jquery判断css文件是否存在

<button id="btn">检测</button>
<script src="http://www.lingchenliang.com/download/jquery-1.12.0.min.js"></script>
<script>
$("#btn").click(function(){
    $.ajax({
        url: './main.css',
        type: 'GET',
        complete: function(response){
            if(response.status == 200){
                alert('有效');
            }else{
                alert('无效');
            }
        }
    });
});
</script>

说明：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

主要使用了ajax，通过请求css资源文件，根据http状态码来进行判断。状态码为200则存在，为404则不存在。

立即学习“前端免费学习笔记（深入）”；

相关教程推荐：jQuery教程（视频）