JQuery是一種在Web開發中常見的JavaScript庫,它不僅提供了許多實用的函數和方法,同時還可以使開發者更方便地操作DOM和CSS等。下面我們來看一下如何使用JQuery來改變頁面的body和CSS。
首先,我們需要引入JQuery庫。可以通過CDN或下載到本地并引入到html文件中。
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
接下來,我們需要獲取到body元素:
var $body = $('body');
現在我們已經獲取了body元素,可以對其進行一些處理。例如,我們可以將其背景顏色改為紅色:
$body.css("background-color", "red");
此時,我們運行代碼后可以看到頁面的背景顏色已經變為了紅色。
除了改變元素的CSS屬性,我們還可以在body中添加新的 HTML 元素。例如,下面代碼會在body中添加一個h1標簽。
$body.append('<h1>Hello, World!</h1>');
此時,我們可以看到在頁面上已經出現了一個標題“Hello, World!”。
感謝JQuery的幫助,我們可以更加便捷地操作DOM和CSS。希望本篇文章能夠對你有所啟發。
下一篇jq怎樣加入css