JQuery的一個重要特性是能夠在body標簽后面追加內容,這對于動態的網頁來說非常有用。
$('body').append('追加的內容');
上面的代碼就是追加一個div元素到body標簽的最后面。這樣的話,任何使用body內元素的元素都會自動包含新的div元素。
再看一個例子,比如說我們想在頁面滾動到某個位置的時候再追加新的內容:
$(window).scroll(function(){ if($(window).scrollTop() >500){ $('body').append('滾動到了500像素之上'); } });
這里使用了window對象的scroll事件,監聽頁面的滾動行為。如果當前滾動的距離超過了500像素,那么就在頁面最后面追加一個新的div元素。
當然,還有其他的追加方法。比如說,我們有時候需要把新的內容插入到body標簽的前面,而不是后面:
$('body').prepend('插入到第一個');
在這里,我們使用了prepend()方法,將新的div元素插入到了body標簽的第一個位置。
總而言之,JQuery的能力是非常強大的,它不僅可以修改已有的內容,還可以在運行時動態地添加新的內容。這樣的特性可以非常方便地實現各種網頁效果。
上一篇mysql三高架構圖