// 绑定点击事件
$('#element').click(function() {
  console.log('Clicked!');
});

// 解绑点击事件
$('#element').off('click');

// 删除单个类
$('#element').removeClass('className');

// 删除多个类
$('#element').removeClass('class1 class2');

// 使用函数动态删除类
$('#element').removeClass(function(index, className) {
  return className.match(/selected-\d+/) || '';
});

// 点击时删除类
$('#element').click(function() {
  $(this).removeClass('active');
});

// 点击其他元素时删除类
$('#button').click(function() {
  $('#target').removeClass('highlight');
});

// 使用命名函数
function handleClick() {
  console.log('Clicked!');
}

$('#element').click(handleClick);
$('#element').off('click', handleClick);

// 使用事件命名空间
$('#element').on('click.namespace', function() {});
$('#element').off('click.namespace');

$(document).on('click', '.dynamic-element', function() {
  $(this).removeClass('active');
});

if ($('#element').hasClass('to-remove')) {
  $('#element').removeClass('to-remove');
}