jQuery多个div点击

在前端开发中，我们经常会需要在多个div元素上添加点击事件，这时候就可以使用jQuery来方便地实现。下面是一个例子：

HTML代码

<div class="box" id="div1">Div1</div>
<div class="box" id="div2">Div2</div>
<div class="box" id="div3">Div3</div>

JavaScript代码

$(function() {
  // 选取所有class为box的div元素
  var $boxes = $('.box');

  $boxes.on('click', function() {
    console.log($(this).attr('id'));
  });
});

在这个例子中，我们首先使用jQuery选取了所有class为box的div元素，然后给它们添加了点击事件。在点击某个div元素时，我们使用$(this)来获取点击的元素，然后再使用attr()方法来获取该元素的id属性，并输出到console中。

Markdown代码

## jQuery多个div点击

在前端开发中，我们经常会需要在多个div元素上添加点击事件，这时候就可以使用jQuery来方便地实现。下面是一个例子：

### HTML代码

```html
<div class="box" id="div1">Div1</div>
<div class="box" id="div2">Div2</div>
<div class="box" id="div3">Div3</div>

JavaScript代码

$(function() {
  // 选取所有class为box的div元素
  var $boxes = $('.box');

  $boxes.on('click', function() {
    console.log($(this).attr('id'));
  });
});

在这个例子中，我们首先使用jQuery选取了所有class为box的div元素，然后给它们添加了点击事件。在点击某个div元素时，我们使用$(this)来获取点击的元素，然后再使用attr()方法来获取该元素的id属性，并输出到console中。