![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery案例总结
Mr_jinhua
这个作者很懒,什么都没留下…
展开
-
JQuery 中阻止事件冒泡小案例
冒泡事件问题及效果: 什么是事件冒泡?? 本意是: div被点击时才会触发事件,但是,因为事件冒泡特性,未被点击的div也触发了事件的执行; 因此,我们需要阻止事件的冒泡行为; 事件冒泡问题代码展示: div{padding: 50px} #div3{width: 300px;hei原创 2017-08-05 23:22:01 · 237 阅读 · 0 评论 -
JQuery实现 点击单元格定位功能案例
效果如上图 第二种方法 第二种方法:有点投机取巧了 使用for循环实现表格 然后给每个td 添加x y 属性 ~!~原创 2017-08-06 19:03:31 · 737 阅读 · 0 评论 -
JQuery 实现购物栏物品的添加与删除 总价计算案例
页面添加jQuery代码,实现以下功能: 1、 用户点击一个商品图片时,能够添加一个同样的商品图片到右侧购物车区块中。 2、 用户点击购物车中的商品图片时,能够移除这个商品 3、 在添加和移除商品的过程中,实时更新计费购物车中所有商品的总价,计费结果添加到购物车字样右侧的span区块中。 HTML代码: 腾讯微信商城 html,body { heigh原创 2017-08-06 18:43:17 · 1079 阅读 · 0 评论 -
JQuery代码,实现折叠菜单的功能 案例
原创 2017-08-06 18:37:35 · 631 阅读 · 0 评论 -
JQuery 阻止默认行为
问题及效果: 什么是默认行为? 如:a 标签的点击跳转、submit按钮的点击提交、选中文本的拖拽搜索等等…… 有时我只是需要a标签的样式并不希望有点击跳转的效果; 用户填写完表单时,表单内容也会在前台JS中进行验证,内容不合法,数据也不能提交; 因此,在某些时候,我们需要阻止标签元素的默认行为; 案例代码: 腾讯链接 用户名:原创 2017-08-05 23:26:20 · 1358 阅读 · 0 评论 -
JQuery 实现 图片滑动收起与隐藏
Title //给指定按钮绑定单击事件 实现图片滑动收起和隐藏 $('#down').click(function(){ $('#re').slideDown(3000,function(){ alert('我来啦!'); }); }) $('#原创 2017-08-05 23:31:02 · 635 阅读 · 0 评论 -
JQuery 自定义动画案例
自定义动画 语法: animate(params,[speed],[easing],[fn]); $('#ani').click(function(){ $('#re').animate( {left:"1000", top:"-100",opacity:'0'},原创 2017-08-05 23:34:17 · 537 阅读 · 0 评论 -
JQuery实现 任务清单案例
效果图: 1.输入任务计划,不能为空 2.点击添加 会在任务栏添加任务记录 同时输入框内容消失 3.点击复选框 表示任务完成 任务消失保存在下方的 已完成任务栏里 4.点击隐藏、显示已完成任务 显示淡入淡出效果 代码: #box { width: 400px;原创 2017-08-05 23:37:29 · 1839 阅读 · 0 评论 -
JQuery 中 实现复选框全选/全不选/反选功能 案例
//引入JQuery代码库 HTML Javascript PHP Python Java C/C++ $.fn.extend({ //全选 将所有的 CheckBox的checked 属性 都为true all:function(){ this.attr(原创 2017-08-05 22:46:34 · 382 阅读 · 0 评论 -
JQuery中常用 事件 清单总结
所有事件都是方法 所有事件都是方法 blur(fn) :当失去焦点时触发 change(fn) :当状态改变时触发 click(fn) :当单击时触发 dblclick(fn) :当双击时触发 focus(fn) :当获得焦点时触发 keydown(fn) :当键盘按下时触发 keyup(fn) :当键盘弹起时触发 keypress(fn) :当键盘按下时触发 load(fn)原创 2017-08-09 13:02:34 · 1001 阅读 · 0 评论 -
JQery图片淡入淡出效果案例
图片淡入淡出 //给指定按钮绑定单击事件 当 点击时 图片3 秒内淡淡的进入 并执行后边的函数 $('#in').click(function(){ $('#re').fadeIn(3000,function () { alert('我来啦!') }) ; });原创 2017-08-21 17:57:48 · 470 阅读 · 0 评论