jQuery this value

简介

在jQuery中，this关键字表示被选元素的集合。在事件处理函数或回调函数中，this表示触发该事件或回调函数的元素。使用$(this)可以将当前元素转换为jQuery对象。

使用

获取元素的属性

使用$(this).attr('attributeName')可以获取当前元素的属性值。例如：

$('button').click(function() {
  var id = $(this).attr('id');
  console.log(id);
});

设置元素的属性

使用$(this).attr('attributeName', 'value')可以设置当前元素的属性值。例如：

$('button').click(function() {
  $(this).attr('disabled', 'disabled');
});

切换元素的类名

使用$(this).toggleClass('className')可以在元素的类名之间切换。例如：

$('button').click(function() {
  $(this).toggleClass('active');
});

获取元素的值

对于表单元素，可以使用$(this).val()获取当前元素的值。例如：

$('input[type="text"]').change(function() {
  var value = $(this).val();
  console.log(value);
});

设置元素的值

对于表单元素，可以使用$(this).val('value')设置当前元素的值。例如：

$('input[type="text"]').change(function() {
  $(this).val('new value');
});

结束语

this在jQuery中非常有用，可以简化代码并使其更具可读性。使用$(this)可以将当前元素转换为jQuery对象，从而可以方便地使用jQuery提供的方法。