让我们一起抄代码,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() {
    // 计算...
});

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

相关文章
|
1月前
|
JavaScript
jQuery幸运大转盘抽奖活动代码
jQuery幸运大转盘抽奖活动代码
34 7
jQuery幸运大转盘抽奖活动代码
|
3月前
|
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个子元素无关,比如
40 5
|
5月前
|
JavaScript
基于jQuery的公告无限循环滚动实现代码
基于jQuery的公告无限循环滚动实现代码
30 0
|
6月前
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
999 0
|
7月前
|
JavaScript
jQuery 五角星评分案例(详细代码)
jQuery 五角星评分案例(详细代码)
65 0
|
7月前
|
JavaScript 开发者
|
3月前
|
JavaScript 前端开发
jquery酷炫的马赛克图片还原动画代码
jquery酷炫的马赛克图片还原动画代码,jquery马赛克图片动画,js酷炫图片代码,马赛克图片js还原效果,js图片分散汇聚效果素材
41 1
|
1月前
|
JavaScript
jQuery模态框弹窗提示代码
jQuery模态框弹窗提示代码
18 1
jQuery模态框弹窗提示代码
|
1月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
21 0
|
6月前
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
52 0