jQuery常用方法、设置自定义属性的两种方式、匿名函数具名化

在jQuery中，常用的方法包括选择元素、修改样式、动画、事件绑定等。设置自定义属性可以使用.attr()方法，而不直接操作DOM属性的好处是，这样可以避免与未来的jQuery版本不兼容的问题。

// 设置自定义属性
$('#myElement').attr('data-custom', 'value');
 
// 获取自定义属性
var customValue = $('#myElement').attr('data-custom');

另一种设置自定义属性的方法是使用.data()方法，它不仅可以操作自定义属性，还可以操作jQuery内置的数据。

// 设置自定义属性
$('#myElement').data('custom', 'value');
 
// 获取自定义属性
var customValue = $('#myElement').data('custom');

对于匿名函数，可以通过.each()方法来遍历jQuery对象集合，或者使用.on()方法来绑定事件。

// 使用.each()遍历jQuery对象集合
$('li').each(function(index) {
  // this指向当前的DOM元素
  console.log(index + ': ' + $(this).text());
});
 
// 使用.on()绑定事件
$('button').on('click', function() {
  // this同样指向当前的DOM元素
  alert('Button clicked!');
});

将匿名函数赋予一个变量名，可以在需要的时候调用这个函数，或者在条件或循环中多次调用。

// 将匿名函数赋予一个变量名
var handleClick = function() {
  alert('Button clicked!');
};
 
// 使用变量名调用函数
$('button').on('click', handleClick);