分类 前端 下的文章

  • 获取某个dom的所有data-*开头的属性?
    '''

//方法一
$("#id").data();
//方法二
jQuery.data($('#id')); //该函数传入的参数为dom
'''

假设我们有个需求是, 当选择到某个选项时, 弹出确认框提示.用户选择是,那么值就改变, 如果选择否, 那么我们需要还原为上次的选择.实现如下:(相比使用全局变量,我们可以用$.data来优雅处理)

$('select').change(function() {
    let selected = $(this).val();
    if (selected == 'beer') {
        if (!confirm('Are you sure?')) {
            $(this).val($.data(this, 'current'));
            return false;
        }     
    }
    $.data(this, 'current', $(this).val());
});