如果单击其中一个图像，则模糊所有图像

.blur {
  filter: blur(5px); /* 添加模糊效果 */
}

// 假设有一个包含所有图像的父元素，类名为image-list
const imageList = document.querySelector('.image-list');
const images = imageList.querySelectorAll('img');

imageList.addEventListener('click', function(event) {
  // 清除所有图像的模糊效果
  images.forEach(function(image) {
    image.classList.remove('blur');
  });

  // 判断点击的目标是否为图像元素
  if (event.target.tagName === 'IMG') {
    // 给其他图像添加模糊效果
    images.forEach(function(image) {
      if (image !== event.target) {
        image.classList.add('blur');
      }
    });
  }
});