怎么使用事件委托，给它们的父元素绑定点击事件

事件委托是利用事件的冒泡机制来实现的。我们可以将事件处理程序绑定到元素的父元素上，然后通过事件对象的 `target` 属性获取到触发事件的子元素，从而实现对子元素的事件处理。

下面是一个例子，假设我们有一个 `ul` 元素，其中包含多个 `li` 元素，我们需要给每个 `li` 元素绑定点击事件：

HTML 代码：

<ul id="parent">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

JavaScript 代码：

// 给父元素绑定点击事件
$('#parent').on('click', 'li', function(event) {
  var clickedElement = event.target;  // 获取触发事件的子元素
  console.log(clickedElement.innerText);  // 输出子元素的文本内容
});

在上面的代码中，我们使用 jQuery 的 `on` 方法给 `#parent` 元素绑定了一个点击事件，然后通过第二个参数 `'li'` 指定了要监听的子元素，当子元素被点击时，事件会冒泡到父元素，从而触发父元素的点击事件处理程序。在事件处理程序中，我们通过 `event.target` 属性获取到触发事件的子元素，然后进行相应的处理。