淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery中有一种非常方便的操作,就是Ctrl + 点击。它可以用来多选或者取消选中元素,非常适合列表中有多项选中需求的情况。

我们可以通过下面的代码来实现这个功能:

$(document).on('click', '.element', function(e) {
if (e.ctrlKey) {
$(this).toggleClass('selected');
} else {
$(this).addClass('selected').siblings().removeClass('selected');
}
});

这个代码监听了.document中的.click事件,并且指定了要选中的的元素类名为.element。如果用户按下了Ctrl键,那么这个元素的.selected类将被添加或者移除,来控制它的选中状态。

当用户没有按下Ctrl键时,代码会同时添加.selected类名到当前元素和它的兄弟元素。这意味着,只有当前这个元素被选中了,其他的元素都将变为未选中的状态。

在使用列表等需要选中多项操作的情况下,这个功能非常有用和方便,可以为用户带来更好的体验。