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

作者：System 时间：2024年08月21日分类：所有,jquery 字数：970

这篇文章距离上次修改已过265天，其中的内容可能已经有所变动。

在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);

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

评论已关闭

推荐阅读