div選中效果在前端開發中非常常見，jQuery是一個非常方便的工具庫，可以輕松地實現這種效果。

首先，我們需要使用jQuery選擇器選擇我們想要添加選中效果的div。例如，我們可以選擇所有class為“my-div”的div：

$(document).ready(function() {
$(".my-div").click(function() {
// 添加選中效果的代碼
});
});

現在我們需要編寫添加選中效果的代碼。一種常見的方法是添加一個類來實現選中效果。例如，我們可以為選中的div添加一個名為“selected”的類。我們可以使用addClass()方法來實現這個功能：

$(document).ready(function() {
$(".my-div").click(function() {
$(this).addClass("selected");
});
});

現在當用戶點擊一個my-div的div時，會為它添加一個selected類。接下來，我們需要編寫一些CSS規則來定義選中效果的樣式。例如：

.selected {
background-color: #ccc;
border: 1px solid #000;
}

現在選中的div將會有灰色的背景和黑色的邊框。

我們也可以使用removeClass()方法，例如在選中一個新的div時，取消之前選中的div的選中狀態：

$(document).ready(function() {
$(".my-div").click(function() {
$(".selected").removeClass("selected");
$(this).addClass("selected");
});
});

最終，我們還可以使用toggleClass()方法來同時實現添加和取消選中樣式的效果：

$(document).ready(function() {
$(".my-div").click(function() {
$(this).toggleClass("selected");
});
});

現在，當用戶點擊一個my-div的div時，它會被選中。再次點擊它時，它會取消選中狀態。