jquery中有一個常用的方法就是innerHTML,它可以用于操作頁面元素的HTML內容,換句話說就是可以改變網頁上某個元素的內容和樣式。
var text = "Hello World!"; $("#example").html(text);
上面代碼中,我們創建了一個變量text并且將它賦值為"Hello World!",然后使用jQuery選擇器選擇id為example的元素,并將它的innerHTML設置為我們剛剛創建的變量text。這樣一來,頁面上id為example的元素就會顯示出Hello World!這段文字內容。
更進一步的,HTML標簽也可以被嵌套在我們的innerHTML中:
var text = "Hello World!
"; $("#example").html(text);
上面的代碼中,我們將變量text賦值為包含HTML標簽的字符串"
Hello World!
",然后使用jQuery選擇器選擇id為example的元素,并將它的innerHTML設置為我們剛剛創建的變量text。這樣一來,頁面上id為example的元素就會顯示出帶有h1標簽的Hello World!這段文字內容。總結起來,innerHTML在jQuery中是一個強大的方法,可以靈活地操作網頁上的元素,并改變它們的內容和樣式。