在前端開發中，美化頁面是很重要的一環，而陰影效果可以讓頁面效果更加美觀。在jquery中，我們可以使用屬性值為box-shadow的css方法來實現div陰影效果。

$("#shadowDiv").css("box-shadow", "10px 10px 5px grey");

上面的代碼中，我們通過jquery的css方法，給id為shadowDiv的div添加了一組陰影效果。具體來說，這組陰影效果包含了：

• 水平偏移量為10px
• 垂直偏移量為10px
• 陰影模糊半徑為5px
• 顏色為grey

當然，我們可以根據需要自己調整這些屬性值，來達到不同的陰影效果。比如，我們可以將偏移量改為負數，讓陰影顯示在div的上方或左側：

$("#shadowDiv").css("box-shadow", "-10px -10px 5px grey");

除了使用css方法來設置陰影效果外，我們還可以使用addClass方法，將預定義的樣式類應用到div上，以及使用animate方法來實現動態陰影效果。這些方法同樣可以結合jquery選擇器使用，實現更具針對性的效果。