美文网首页
jQuery 编程技巧

jQuery 编程技巧

作者: 白衣诗人 | 来源:发表于2018-12-26 16:15 被阅读0次

    jQuery

    实时监测input输入变化 jQuery
    $('#production_name').on('input propertychange',function(){
        alert('输入一个字弹一回');
    });
    
    input change事件
    $("input").on("change",function(){
    //change事件代码
    })
    
    鼠标上移/移除事件 hover
    $(obj).hover(function(){
    //鼠标上移代码
    },function(){
    //鼠标移开代码
    })
    
    鼠标上移/移除事件 mouseover/mouseout
    $(obj).on("mouseover",function(){
    //鼠标上移代码
    });
    $(obj).on("mouseout",function(){
    //鼠标移开代码
    });
    
    通过name获取input值
    $("input[name='name值']").val();
    
    通过attr获取盒子的data、data-name、data-id等值
    $(obj).attr("data");
    
    通过attr给盒子赋值data、data-name、data-id等
    $(obj).attr("data","内容");
    
    点击事件执行多次,可以在点击事件执行之前现接触click绑定,即通过unbind()或者off()来解除绑定。
    $(索引).unbind("click").on('click',function(){
        
    })
    $(索引).off("click").on('click',function(){
        
    })
    

    相关文章

      网友评论

          本文标题:jQuery 编程技巧

          本文链接:https://www.haomeiwen.com/subject/gonhlqtx.html