美文网首页
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 编程技巧

    jQuery 实时监测input输入变化 jQuery

  • jQuery编程的最佳实践

    jQuery编程的最佳实践 @(jquery)[jquery|最佳实践|编程规范] [TOC] 加载jQuery ...

  • js 编程技巧

    本篇用于记录日常编程技巧,以供日后查询Created by RuiLin2017/12/10 jQuery 遍历对...

  • 二阶段day9-jQuery

    一、jQuery jquery 代码 编程 二、jQuery jQuery用法详解http://www.runoo...

  • jQuery 链式编程

    jQuery 链式编程 链式编程原理 链式编程代码示例 隐式迭代

  • vue

    1,jQuery与vue区别 jQuery--指令式编程 vue--声明式编程 vue更加高效,流行 2,let与...

  • jQuery 学习

    jQuery 是一个 javascript 库,可以简化 js 编程。 All jQuery functions ...

  • JQuery学习——(1)初识

    jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuer...

  • W3

    jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。jQue...

  • jquery

    jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuer...

网友评论

      本文标题:jQuery 编程技巧

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