jQuery是一種流行的JavaScript庫,它提供了簡單而強大的方法來操作HTML文檔。
其中之一是innerHTML,它是一種設置或返回元素內容的方法。但在jQuery中,它被稱為.html()。下面是一個簡單例子:
$(document).ready(function(){
$('#myDiv').html('Hello World!');
});
以上代碼會將ID為myDiv的元素內容設置為Hello World!。
如果想要添加元素內容,則可以使用+=運算符:
$(document).ready(function(){
$('#myDiv').html($('#myDiv').html() + ' and Goodbye World!');
});
以上代碼會將myDiv元素的內容追加上" and Goodbye World!"。
此外,jQuery的.html()方法可以接受一個回調函數作為參數。這可以用來動態地更改元素內容。例如:
$(document).ready(function(){
$('#myDiv').html(function(){
if (someCondition) {
return 'Hello World!';
} else {
return 'Goodbye World!';
}
});
});
以上代碼會根據某些條件動態顯示不同的元素內容。
總之,內部HTML是jQuery中非常有用的方法之一,它可以用來設置或返回元素內容,或者通過回調函數動態更改元素內容。它是您應該掌握的jQuery方法之一。