JQuery是一種常用的JavaScript庫，它可以方便地操作HTML元素和頁面動態(tài)效果。其中，css() 方法是JQuery中經(jīng)常用到的一個方法，可以設(shè)置或返回HTML元素的樣式屬性。 bottom屬性是CSS中一個常見的屬性，可以設(shè)置一個HTML元素距離其父元素底部的距離。下面我們來看看如何使用JQuery設(shè)置bottom屬性。

$('p').css('position', 'relative');
$('p').css('bottom', '20px');

首先，我們使用css()方法設(shè)置了p標(biāo)簽的position屬性為relative，這是因?yàn)槿绻恢付╬標(biāo)簽的位置屬性，bottom屬性是無法起作用的。接著，我們使用css()方法設(shè)置了p標(biāo)簽離其父元素底部的距離為20px。

除了使用css()方法，JQuery還提供了更簡單的方法來設(shè)置bottom屬性。比如，我們可以使用animate()方法來平滑地改變元素的bottom屬性。

$('p').animate({
bottom: '20px'
}, 1000);

在這里，我們用animate()方法來讓p標(biāo)簽在1秒內(nèi)平滑地移到距離其父元素底部20px的位置。這相比于使用css()方法可以更加優(yōu)雅地改變HTML元素的位置屬性。

總結(jié)起來，使用JQuery設(shè)置bottom屬性非常簡單，可以方便地讓HTML元素距離其父元素底部固定距離。同時，我們還可以使用更高級的動畫效果讓元素平滑地移動到目標(biāo)位置。