jQuery是一款快速、簡潔且功能豐富的JavaScript庫,可以幫助開發(fā)者更方便、更快速地操作DOM、處理事件、實現(xiàn)動效等。下面我們來看看如何用jQuery實現(xiàn)網(wǎng)頁內(nèi)容改變。
$(document).ready(function(){ $("button").click(function(){ $("p").text("這是新的內(nèi)容!"); }); });
以上代碼是一個簡單的實例,通過jQuery選擇器選中一個按鈕元素,監(jiān)聽其點擊事件,然后通過text()方法改變指定p標簽的文本內(nèi)容。
除了text()方法,jQuery還提供了許多其他方法來操作HTML內(nèi)容,例如html()方法可以改變標簽內(nèi)的HTML內(nèi)容、val()方法可以改變表單元素的值等等。讓我們來看一下:
$(document).ready(function(){ $("button").click(function(){ $("p").html("這是加粗的內(nèi)容!"); $("input:text").val("這是新的輸入框的值!"); }); });
以上代碼將會把指定p標簽內(nèi)的文本內(nèi)容改為一個加粗的文本,同時將輸入框的值改為“這是新的輸入框的值!”。
以上是jQuery改變網(wǎng)頁內(nèi)容的簡單實例,jQuery提供的方法非常方便,幫助我們更高效地開發(fā)網(wǎng)頁。
下一篇不繼承 css樣式