在開發網頁時，我們常常使用jQuery這個工具庫來方便地操作文檔對象模型（DOM），同時我們也經常需要加載CSS文件來美化頁面。然而，有時我們需要在某些情況下去除CSS文件，以便于自定義樣式。下面，我們就來介紹一下如何使用jQuery去除CSS文件。
首先，我們需要引入jQuery庫和CSS文件：
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link rel="stylesheet" href="style.css"> </head>
接著，我們通過jQuery的方法來去除CSS文件：
<script>
$(document).ready(function(){
$('link[href="style.css"]').remove();
});
</script>代碼解析：
1. $(document).ready()指在頁面加載完畢后執行。
2. $('link[href="style.css"]')表示選擇所有href屬性為style.css的<link>標簽。
3. .remove()方法用于移除被選元素（在本例中就是CSS文件）。最后，我們可以通過JavaScript控制樣式來達到自定義的目的：
<script>
$(document).ready(function(){
$('link[href="style.css"]').remove();
$('body').css('background-color','#f2f2f2');
});
</script>代碼解析：
1. $(document).ready()指在頁面加載完畢后執行。
2. $('link[href="style.css"]')表示選擇所有href屬性為style.css的<link>標簽。
3. .remove()方法用于移除被選元素（在本例中就是CSS文件）。
4. $('body')表示選擇<body>標簽。
5. .css('background-color','#f2f2f2')方法用于設置<body>的背景顏色為#f2f2f2。通過上述代碼，我們可以在去除CSS文件的同時，通過JavaScript自定義樣式，以達到更加個性化的頁面效果。
上一篇css多欄布局設計
下一篇jq css改變不了寬高