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类名到当前元素和它的兄弟元素。这意味着,只有当前这个元素被选中了,其他的元素都将变为未选中的状态。
在使用列表等需要选中多项操作的情况下,这个功能非常有用和方便,可以为用户带来更好的体验。