让我们一起抄代码,JQuery 用法整理

简介: 让我们一起抄代码,JQuery 用法整理

最近做管理系统,用到了 JQuery 的东西,在网上一边查,一边抄,把抄来的代码整理到这里,方便更多的程序员,一起抄!

1.设置 input 框的 keyup 事件

在 input 框中,输入一个数字后,需要要自动计算,可以对 input 框设置 keyup,代码如下:

$('#test').keyup(function() {
    // 计算...
});

2.设置 input 框的 bind 事件

有的 input 框是 readonly 状态的,这个 input 框中保存计算后的和,但是它同样是其他计算中的一个 input 框。由于它是 readonly 因此不能设置 keyup 事件,可以来设置它的 bind 事件,代码如下:

$("#test").bind("input propertychange", function() {
    // 计算...
});

3.设置 select 下拉框的 change 事件

在计算时,有些计算项是固定的几项,可以供用户选择,而不能让用户随意的填写,此时会使用 select 的下拉框,当下拉框改变时,进行相应的计算。可以给下拉框设置 change 事件,代码如下:

$('#test').change(function() {
    // 计算...
});

挺简单,但是不查还是不知道,记不住!!!

相关文章
|
7月前
|
JavaScript
jQuery幸运大转盘抽奖活动代码
jQuery幸运大转盘抽奖活动代码
94 7
jQuery幸运大转盘抽奖活动代码
|
7月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
61 5
|
JavaScript
基于jQuery的公告无限循环滚动实现代码
基于jQuery的公告无限循环滚动实现代码
63 0
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
1706 0
|
JavaScript
jQuery 五角星评分案例(详细代码)
jQuery 五角星评分案例(详细代码)
115 0
|
4月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
44 1
|
29天前
|
JavaScript
基于jQuery实现文字点击验证代码
jQuery文字点击验证代码基于jquery-3.4.1.min.js制作,按顺序,依次点击文字通过验证。
26 5
|
1月前
|
JavaScript
jQuery实现的星级打分带评价及颜色区分代码
jQuery实现的星级打分带评价及颜色区分效果代码是一款支持自定义评论颜色的星级评价打分,其中红色为一星级,差评、绿色位五星级、满分好评,本段代码适应于所有网页使用,有需要的朋友们就来下载使用吧。
30 2
|
7月前
|
JavaScript 前端开发
jquery酷炫的马赛克图片还原动画代码
jquery酷炫的马赛克图片还原动画代码,jquery马赛克图片动画,js酷炫图片代码,马赛克图片js还原效果,js图片分散汇聚效果素材
113 1
|
6月前
|
JavaScript 前端开发
必知的技术知识:jQuery中queue和dequeue的用法
必知的技术知识:jQuery中queue和dequeue的用法
27 0