jQuery是一種非常流行的JavaScript庫,它簡化了JavaScript的編程并提供了許多方便且易于使用的方法。它與HTML文檔交互并處理DOM、事件處理程序、動畫以及與服務(wù)器的交互等等。它是一個很好的工具,可以讓你更快、更簡單地實(shí)現(xiàn)諸如修改網(wǎng)頁內(nèi)容、響應(yīng)用戶交互、驗(yàn)證表單等功能。以下是一些jQuery的基礎(chǔ)示例:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ // 通過 ID 獲取元素 var myElement = $('#myId'); // 添加樣式 myElement.css({'color': 'red', 'background-color': 'yellow'}); // 綁定點(diǎn)擊事件 myElement.on('click', function(){ alert('你單擊了我的元素!'); }); // 獲取并修改元素的文本 var myContent = myElement.text(); myElement.text('新的內(nèi)容'); // 獲取并修改元素的 HTML var myHtml = myElement.html(); myElement.html('<h1>新的標(biāo)題</h1>'); }); </script>
在這個例子中,我們加載了jQuery庫,然后使用$(document).ready()事件處理程序等待文檔完全加載后才執(zhí)行我們的代碼。我們查找ID為“myId”的元素并對其進(jìn)行樣式更改、添加點(diǎn)擊事件等操作。然后,我們獲取并修改該元素的文本和HTML內(nèi)容。
上一篇jquery 換行
下一篇jquery 增加代碼