Bootstrap4是一個(gè)流行的前端框架,它提供了許多CSS和JavaScript組件,使得開(kāi)發(fā)Web應(yīng)用程序變得更加容易。但是,如果您想要使Bootstrap4更強(qiáng)大,您可以使用jQuery來(lái)操縱文檔對(duì)象模型(DOM)。
jQuery是一個(gè)流行的JavaScript庫(kù),它使得操縱DOM變得更加簡(jiǎn)單。您可以使用jQuery選擇元素,從中獲取文本或?qū)傩?,并?dòng)態(tài)地更改它們。您還可以使用jQuery添加/刪除元素,處理事件和執(zhí)行動(dòng)畫(huà)。
// 操縱DOM $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); // 添加元素 $(document).ready(function(){ $("button").click(function(){ $("p").append(" 我是新添加的內(nèi)容。"); }); }); // 處理事件 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); // 執(zhí)行動(dòng)畫(huà) $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); });
在使用jQuery時(shí),請(qǐng)確保將其加載到文檔中。您可以在文檔的頭部添加下面的代碼,使用CDN引用jQuery庫(kù):
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head>
這樣,在使用jQuery時(shí),就可以輕松操縱DOM。您可以將Bootstrap4和jQuery結(jié)合在一起,創(chuàng)建功能豐富的網(wǎng)站和應(yīng)用程序。