jQuery
关注
分享
扫一扫
文章平均质量分 53
MuGuiLin
Web Development。
展开
-
jQuery.js插件开发（jquery组件封装）
html、css、js文件加载顺序及执行情况原创 2016-09-26 10:29:55 · 4571 阅读 · 0 评论 -
H5送鲜花、礼物动画(解决：多个动画同时渲染卡顿问题)
前言： 由于项目需要，要做一个送礼物的动画，而在项目开发过程中碰到了一些坑，现在记录下来难免以后再次跳坑。如有不足之处还请多多指教。使用场景： 四个人斗地主，当你觉得哪个人打得好就可以送他一束鲜花，打行不好你可以向他扔鸡蛋，礼物分别是： 鲜花、平锅，点赞，砸蛋共有4种，这4种礼物的动画是用GIF图片做（可以用Canvas做）的，当前送礼物的人少的时候还好，但是在人多...原创 2019-01-03 16:13:25 · 3251 阅读 · 0 评论 -
jQuery插件开发模式（组件封装）
在项目开发过程中，由于jQuery有较好的实用性，所以都用得非常多，而在项目开发时，某个功能（代码）使用很频繁被多个地方调用，那么就可以借助jQuery插件提供的组件封装方法高，来封装一些使用频率较的功能。JQuery中组件开发方式主要有两种：通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法还有 $.widget()原创 2017-09-25 11:35:31 · 7657 阅读 · 0 评论 -
jquery中prop()方法和attr()方法的区别
其是prop()方法和attr()方法都是用来获取或设置标签元素属性的，但自从jquery1.6以上引入了 prop方法后，什么时候该用prop()？什么时候用attr()？它们两个之间有什么区别？没搞清楚前还真有点困惑。一、attr方法：获取用法：.attr('属性名')；// 实例：var getchecked =$('input[type=checkbox]'...原创 2016-11-11 16:35:33 · 761 阅读 · 0 评论 -
jQuery 代码编写优化
jQuery是Web前端中应用最广泛之一，但在书写jquery的时候，为了书写代码方便，往往忽略了程序执行过程中，给客户端带来的压力。随之而来的就是在某些低端浏览器或者低端电脑上运行速度缓慢，甚至无法运行等问题。因此有必要对自己书写的jquery代码进行优化，以达到更快捷、更流畅的运行效果。1，总是从ID选择器开始继承在...原创 2017-08-10 17:08:01 · 413 阅读 · 0 评论 -
Jquery 获取input是否被选中，并修改状态！
HTML代码：<fieldset id="checkBox"> <legend>复选框</legend> ————爱 好： <label><input type="checkbox" name="" id="" value="1" data-par="上网" />上网，</...原创 2016-07-20 14:41:33 · 29818 阅读 · 0 评论 -
Ajax文件上传带进度条、文件类型、大小、数量等获取、限制
$ajax 文件上传，带进度条，文件类型，文件大小。 Web前端代码效果图：使用说明：1、复制以下代码，创建一个新的html文件，粘贴对应的代码。2、引入jQuery文件，或 CDN地址。3、配置后端服务器上传地址。HTML代码：<!DOCTYPE html><html><head> <me...原创 2017-04-16 23:30:40 · 2304 阅读 · 0 评论 -
$(window).scroll() 实现 网页头部导航滚动显隐
jQuery.ajax()函数用于通过后台HTTP请求加载远程数据。jQuery.ajax()函数是jQuery封装的AJAX技术实现，通过该函数，我们无需刷新当前页面即可获取远程服务器上的数据。jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、jQuery.post()、load()、jQuery.getJSON()、jQuery.g原创 2017-04-11 02:19:58 · 1565 阅读 · 0 评论 -
判断多个checkbox复选框至少选一个（提交时必须选择一个）
HTML代码：<h2>请选择您的爱好：</h2><form action="" method="post" id="form"> <label><input type="checkbox" name="hobby" value="上班" />上班</label> <label><i...原创 2016-07-18 11:17:05 · 31671 阅读 · 5 评论 -
原生JS 和 jQuery 通过url传递 和 接收 自定义参数
Js、jQuery URL参数传递，URL参数获取，获取URL参数参数传递方法1：通过a标签传递<a href="page/info.html?gid=1024&red=#5u6c86&img='./img/goods1.jpg'"></a>参数传递方法2：通过js方式传递<script>// 说明：参数传递说明 let 参数变量1 = './im............原创 2016-09-03 23:48:51 · 17712 阅读 · 0 评论