在选定的元素上执行函数，而在同一类的所有其他元素上执行不同的函数？

您可以使用JavaScript中的事件委托来实现在选定的元素上执行函数，而在同一类的所有其他元素上执行不同的函数。

事件委托是一种利用事件冒泡原理的技术，通过将事件绑定到父元素上，然后利用事件冒泡的特性，当子元素触发事件时，事件会一直冒泡到父元素，从而触发绑定在父元素上的事件处理函数。

下面是一个示例代码：

HTML:

<ul id="myList">
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
  <li>元素4</li>
</ul>

JavaScript:

// 获取父元素
var myList = document.getElementById("myList");

// 绑定事件处理函数
myList.addEventListener("click", function(event) {
  // 判断点击的是哪个子元素
  if (event.target.tagName === "LI") {
    // 根据子元素的内容执行不同的函数
    switch (event.target.textContent) {
      case "元素1":
        函数1();
        break;
      case "元素2":
        函数2();
        break;
      case "元素3":
        函数3();
        break;
      case "元素4":
        函数4();
        break;
      default:
        break;
    }
  }
});

// 不同的函数实现
function 函数1() {
  console.log("执行函数1");
}

function 函数2() {
  console.log("执行函数2");
}

function 函数3() {
  console.log("执行函数3");
}

function 函数4() {
  console.log("执行函数4");
}

在上述代码中，我们通过事件委托的方式将点击事件绑定到父元素<ul>上。当点击子元素<li>时，事件会冒泡到父元素，触发绑定的事件处理函数。然后根据点击的子元素的内容，执行不同的函数。

这种方式可以避免给每个子元素都绑定事件处理函数，提高了性能和代码的可维护性。

腾讯云相关产品和产品介绍链接地址：