随笔分类 -  jQuery

jQuery的学习
jQuery插件开发
摘要:1. 使用闭包: 这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? 我们知道这段代码在被解析时会形同如下代码: 2. 扩展 jQuery提供了2个供用户扩展的‘基类’ - $.extend和$.fn.extend. $.extend 用于扩展自身方法,如$.ajax, $. 阅读全文

posted @ 2019-05-10 18:14 乌云上 阅读(142) 评论(0) 推荐(0) 编辑

手写alert弹框(一)
摘要:采用原生的JavaScript, html代码 js代码 优点:简单,非阻塞式弹框,依赖少(不需要jquery) 缺点:输入文本不能太长否则文字显示不全(因为大小固定),样式不好看(需要优化),代码修改起来困难(最好是使用面向对象的方式) 留坑,有待优化!!! 阅读全文

posted @ 2019-05-10 12:19 乌云上 阅读(329) 评论(0) 推荐(0) 编辑

简单的switch插件
摘要:页面效果: 这个switch使用纯CSS实现,小巧简单 css代码 html switch开关的值 这里用到了jquery去获取checkbox的值 改进一下:那就是使用原生的js去操作: html 页面效果: ok,欢迎转载~ 喜欢的话,点个赞吧! 阅读全文

posted @ 2019-05-09 14:06 乌云上 阅读(974) 评论(0) 推荐(0) 编辑

解决默写浏览器中点击input输入框时,placeholder的值不消失的方法
摘要:html中,placeholder作为input的一个属性,起到了在输入框中占位并提示的作用。 但是有一些浏览器,如chrome,当鼠标点击输入框时,placeholder的值不消失,只有输入数据才消失,会使前端用户体验大打折扣。 我们要实现的效果: 点击前 点击后 关键是js代码: $(funct 阅读全文

posted @ 2019-04-26 09:41 乌云上 阅读(628) 评论(0) 推荐(0) 编辑

jquery实现文本框click清空文本内容
摘要:原先的样子 点击之后 如果没有输入内容则还原 否则为最新输入 实现代码 test.html 阅读全文

posted @ 2019-04-26 09:34 乌云上 阅读(1566) 评论(0) 推荐(0) 编辑

mui消息框alert,confirm,prompt,toast
摘要:mui消息框alert,confirm,prompt,toast 添加toast样式 阅读全文

posted @ 2019-04-12 10:47 乌云上 阅读(2259) 评论(0) 推荐(0) 编辑

一个mui扩展插件mui.showLoading加载框【转】
摘要:转:http://ask.dcloud.net.cn/article/12856 写在前面:好像mui目前dialog系列唯独缺少showLoading加载框(加载中)组件,为了统一组件样式和体验,写了这么一个扩展插件。CSS和JS代码耦合性应该还是较低的,不妥之处欢迎指教!优点:可以同时兼容Htm 阅读全文

posted @ 2019-04-11 14:23 乌云上 阅读(640) 评论(0) 推荐(0) 编辑

jQuery在线引用地址(全)
摘要:转:https://www.cnblogs.com/lmyau/p/7736269.html 1.官网jquery压缩版引用地址: 3.1.1版本: <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 3.0.0版本 阅读全文

posted @ 2019-03-19 16:05 乌云上 阅读(7213) 评论(0) 推荐(0) 编辑

左右滑动事件的绑定
摘要:很多时候需要判断上下左右滑动的事件,比如最近很多的小游戏,“消消乐” 需要将一个滑块左右拖动,或者上下拖动 效果: 阅读全文

posted @ 2019-03-19 16:03 乌云上 阅读(190) 评论(0) 推荐(0) 编辑

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
摘要:转:https://www.cnblogs.com/jiangxiaobo/p/6593584.html 图解 event.offsetX,event.clientX,event.pageX,event.screenX属性 图解 event.layerX,event.layerY 属性 图解 eve 阅读全文

posted @ 2019-03-19 14:50 乌云上 阅读(927) 评论(0) 推荐(0) 编辑

$.load()的用法
摘要:jquery load 事件用法 jquery load 事件用法 jquery load 事件用法 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。 注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在 阅读全文

posted @ 2018-11-29 09:38 乌云上 阅读(4704) 评论(0) 推荐(0) 编辑

jQuery二维码
摘要:现在二维码很火,因为他可以很方便的贴到任何地方,只要扫一扫就可以看到二维码的内容 ok 废话少说,上代码 这个二维码基于jquery和jquery.qrcode插件 所以使用前先引入 给一个github的地址,可以通过github下载demo: 效果: 阅读全文

posted @ 2018-10-19 11:30 乌云上 阅读(525) 评论(0) 推荐(0) 编辑

jQuery通过input标签的name获取值
摘要:jquery根据name属性查找 根据name取值: 根据id取值: 根据name取值了遍历: 阅读全文

posted @ 2018-09-23 11:59 乌云上 阅读(13050) 评论(0) 推荐(0) 编辑

【原】Ajax技术原理
摘要:主要内容: Ajax是Asynchronous JavaScript and XML的简称,意思是异步的JavaScript和XML。 主要包括技术: Ajax原理 创建一个XMLHttpRequest对象向服务器发送异步请求,获取数据后使用JavaScript的DOM模型对象更新页面。(局部更新) 阅读全文

posted @ 2018-08-03 21:59 乌云上 阅读(334) 评论(0) 推荐(0) 编辑

【原】jQuery easyUI 快速搭建前端框架
摘要:jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的ht 阅读全文

posted @ 2018-06-22 12:26 乌云上 阅读(3484) 评论(0) 推荐(0) 编辑

jquery对象与dom对象之间互相转换的方法
摘要:本文主要讲述jquery对象和js里的dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法,或js里的dom对象使用jquery里的方法。 jquery对象和dom对象是不一样的,什么是jquery对象?什么是dom对象?我们举个例子来说: jquery对象和dom对象是不一样的 阅读全文

posted @ 2018-06-05 14:16 乌云上 阅读(11358) 评论(0) 推荐(3) 编辑

jquery里判断数组内是否包含了指定的值或元素的方法
摘要:本文讲的是在jquery里,如何判断一个数组里是否包含了指定的值,变量,或其它对象元素的方法。 在jquery里,我们可以用$.inArray来判断一个数组里是否包含了指定的值或其它对象元素,来看一个简单的实例: $.inArray是用来获取指定的值在数组中的位置,从0开始计数(如果没有找到则返回 阅读全文

posted @ 2018-06-05 14:12 乌云上 阅读(10705) 评论(0) 推荐(0) 编辑

jquery里正则的使用方法及常用的正则验证
摘要:本文是一篇关于jquery使用正则来验证输入,及一些常用验证规则的基础文章,适合新手。 假设我们的网页里有这样的一个表单: 1.验证用户输入的只能是英文和数字: 2.验证用户输入只能为数字,并且如果是小数的话,最多只能是两位小数: 3.验证电子邮箱: 4.验证汉字: 5.判断是否为整数,可以为0: 阅读全文

posted @ 2018-06-05 13:54 乌云上 阅读(538) 评论(0) 推荐(0) 编辑

jquery选择器【总结】
摘要:本文总结整理了jquery里和选择器相关的所有方法,通过这篇文章,可以让你学习到在jquery里使用选择器的所有方法。 一:基本选择器: 二:层级选择器: 三:基本过滤器: 四:内容过滤器: 五:属性过滤器: 六:表单元素选择器: 出处:http://www.aijquery.cn 阅读全文

posted @ 2018-06-05 13:44 乌云上 阅读(136) 评论(0) 推荐(0) 编辑

图片来回切换的新闻展示效果
摘要:和大家分享一个从新浪网里抠出来的图片切换展示的特效。从新浪网里抠出来的一个图片切换轮播展示效果,使用起来非常简单的。 第一步:把flash框架下载保存到自己的网站里: http://www.aijquery.cn/html/aijquery/inc/flashimg.swf 第二步:定义要展示的图片 阅读全文

posted @ 2018-06-05 13:39 乌云上 阅读(311) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示