jQuery 如何获取jQuery `$(this)`的id

在本文中，我们将介绍如何使用jQuery获取$(this)的id。在编写jQuery代码时，$(this)经常被用于引用当前操作的元素，获取其id可以方便我们对该元素进行操作和处理。

什么是$(this)?

$(this)是jQuery中的特殊用法，表示当前选择器选中的元素。当我们使用事件绑定函数时，$(this)表示当前触发事件的元素。通过操作$(this)，我们可以方便地获取该元素的各种属性，包括id。

获取$(this)的id

要获取$(this)的id，我们可以使用attr()方法或直接使用JavaScript的id属性。

使用attr()方法获取id

使用attr()方法可以获取或设置元素的属性值，包括id属性。示例如下：

$(selector).attr("id");

在上面的代码中，selector代表任意的jQuery选择器，可以是类名、标签名等。通过调用attr("id")方法，我们可以获取到$(this)的id。

下面是一个示例，我们为页面上的多个按钮添加点击事件，并在点击时打印相应按钮的id：

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<button id="btn3">按钮3</button>

<script>
("button").click(function(){
    var btnId =(this).attr("id");
    console.log("按钮的id是：" + btnId);
});
</script>

在上面的例子中，当我们点击按钮时，会依次打印出对应按钮的id，即”btn1″、”btn2″和”btn3″。

直接使用id属性获取id

除了使用attr()方法，我们还可以直接使用JavaScript的内置属性id来获取$(this)的id。示例如下：

$(selector)[0].id;

在上面的代码中，我们通过[0]索引获取到选中元素的原生DOM对象，再通过.id获取到其id属性。

下面是一个示例，我们为页面上的多个按钮添加点击事件，并在点击时打印相应按钮的id：

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<button id="btn3">按钮3</button>

<script>
("button").click(function(){
    var btnId =(this)[0].id;
    console.log("按钮的id是：" + btnId);
});
</script>