聚合文章列表
7 浏览

jQuery实现checkbox即点即改,批量计数,以及中间遇到的坑

视频管理.head{background-color:#EFEFF4;font-size:16px;color:black;padding:20px;font-size:20px;overflow:hidden;margin-bottom:10px;}.table{margin-top:30px;border:1pxso

jQuery 2017-11-11 发布
7 浏览

jquery计算购物车价格保留小数问题【原创】

在项目中计算价格的时候,会很心累,因为jquery的浮点型不精确有时候遇到测评输入的价格为0.01然后几百的一起结算,我们的总金额后面就会带很多个小数点,不仅页面错位了,而且我没还得找原因(有可能是给某个变量少写了parseFloat或者parseInt)就引起了上面的问题,但是如果使用parseFloat或者parseInt的话,我们不仅需要写好久,还需要自己测试好多种可能有时候自己没测试出来的,到测评那边,加几个0.01的商品,分分钟给你测出来我以前写的是这样的:all_money+=parseFloat((parseFloat(price)*parseFloat(num1)).toFixed(2));这样写有时候还是不能精确现在有个乘法运算functionnumMulti(num1,num2){varbaseNum=0;try{baseNum+=num1.toString().split(".")[1].length;}catch(e){}try{baseNum+=num2.

jQuery 2017-11-11 发布
9 浏览

一款非常推荐的用户界面插件----EasyUI

前言easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。一、声明组件的方法jQueryEasyUI提供易于使用的组件,它使Web开发人员能快速地在流行的jQuery核心和HTML5上建立程序页面。有两个方法声明的UI组件:1.直接在HTML声明组件;我创建的对话框

2.编写JavaScript代码来创建组件。$('#a')

jQuery 2017-11-12 发布
AD 友情赞助
13 浏览

使用jQuery实现图片懒加载原理

在网页中,常常需要用到图片,而图片需要消耗较大的流量。正常情况下,浏览器会解析整个HTML代码,然后从上到下依次加载的图片标签。如果页面很长,隐藏在页面下方的图片其实已经被浏览器加载了。如果用户不向下滚动页面,就没有看到这些图片,相当于白白浪费了图片的流量。所以,淘宝、京东这些流量非常巨大的电商,商品介绍页又必须有大量的图片,因此,这些页面的图片都是“按需加载”,即用户滚动页面时显示出来的时候才加载图片。当网速非常快的时候,用户并不能感知懒加载的动作,既省流量又不影响用户浏览。本文给出一种利用jQuery实现图片懒加载的原理。它的基本思想是:在输出HTML的时候,不要直接输出因此,页面显示的图片是一个gif加载动画。当页面滚动时,如果图片出现在屏幕中,就利用jQuery把的src属性替换为

jQuery 2017-11-12 发布
5 浏览

分页查询时,使用cookie保存上次的查询条件。jQuery实现方法以及中间遇到的坑

今天做分页查询时需要在跳转页面时保存上次查询的条件,如下:实现的大致思路就是用cookie本地保存。其中需要用到jQuery.Cookie插件。使用方法很简单:存数据:$.cookie(“key”,”value”);取数据:$.cookie(“key”);我的实现方法就是在每次点击“查询”按钮时,把查询的条件放入cookie。在页面初始化时,会调用jQuery,这时把cookie存放的值从新放入表单中。//当点击提交时把查询的参数存到cookie$("#condition").click(function(){$.cookie('c_name',$("input[name='c_name']").val());$.cookie('c_id',$("select[name='c_id']").val());$.cookie('s_id',$("select[name='s_id']").val());})//alert($("select[name='c_id']").val()+

jQuery 2017-11-12 发布
5 浏览

Simple JQuery —— 4K 不到的嵌入式 JS

项目主页https://gitee.com/Leytton/SimJQ/项目演示http://leytton.gitee.io/simjq/详细介绍http://blog.csdn.net/leytton/article/details/78388553使用时引入js文件即可注:$(),s(),$s()都行,与Jquery冲突时在Jquery之前引入js文件,采用s()或$s()1、为什么是4K?簇是文件系统分配存储空间的基本单位,无论文件大小,它占用的空间总是整数个文件簇。即便你的文件只有1个字节(Byte),它仍旧会占用一个文件簇的大小,也就是4KBytes。2、用在哪里?2.1对文件大小有严格要求的应用场景2.2Android打包本地HTML资源尽量减小包大小2.3嵌入式网络通信STM32、

jQuery 2017-11-13 发布
AD 友情赞助
4 浏览

闲聊select和input常用的小插件

前言在pc端的项目中,经常会用到表单标签,莫过于是select和input这两种,这两种相当常用。但往往原生的功能不尽人意,即使input中type有n多属性,甚至连时间控件都有,但仍旧满足不了我们大天朝的需求,试问会有多少使用原生时间控件的人,也不会有几个,相信大部分的前端,亦或者是后端,都有自己的插件小仓库。需求的那些事嗯……目前只限于input和select这两个标签一个输入框到底能有些啥需求呢1、能够输入(最低的标准)2、能够输入并且能够本地校验(例如只能够输入数字,不能输入为空)3、能够输入并且能够本地校验并且能够给出相对应的提示4、能够输入并且能够本地校验和远程校验并且能够给出相对应的提示…………当然并不止这些需求,需求千奇百怪。但像我们原生的标签最多满足上述两种要求。差不多就嗝屁了,剩下的便是八仙过海各显神通了。说到这里,强推jquery-validation这个插件,基本上建立基本的mvc项目,都会很友好的帮你安装好这个插件。剩下的就是等你调用了。这是一个还不错的验证插件,不仅有前端验证,还有aja

jQuery 2017-11-13 发布
9 浏览

回顾自己三次失败的面试经历

前言时间的齿轮已经来到了2017年的11月份,距离2018年仅仅还剩下不到两个月的时间。站在这个时间点上,我对自己之前三次失败的面试经历做了一次深度回顾。可能很多小伙伴会问,为什么要去回顾失败的面试经历呢?因为在互联网+时代,成功的案例可以借鉴,但是不可复制;失败的案例可以引以为戒,但是不可重蹈覆辙。你按照成功者的步骤一步一步走,最后不一定会成功;但如果你按照失败者的步骤一步一步走,结局注定会失败。我在这里写出当年我失败的经历,算是对自己做一个总结,也是为了提醒后来者,一入前端深似海,坑多坑少自己踩,避免走上闰土哥的老路。所以,接下来,正文从这开始~壹说起第一次失败的面试经历,是在我13年刚刚毕业的时候。那时我正在海投简历,认真找工作。当初应聘的是一家规模不算大的小公司,进去之后,面试官看都没看我一眼,给我丢下一句话就忙他的去了。他原话的意思是说,让我用jQuery写个轮播图效果,给我提供的条件是,一台没有联网的笔记本电脑,和本地下载好的jQuery的API文档。当时刚从培训班学出来的我,html和css基础还算扎实,

jQuery 2017-11-13 发布
5 浏览

riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期

访问DOM元素你可以通过this.refs对象访问dom元素而且还有大量的属性简写方式可以使用比如:if="{...}",(有时候你需要对这些东西做一些特殊的处理才能用)使用Jquery如果你想在riot标签内部访问dom元素你可能需要了解一下riot标签生命周期相关的知识你会注意到,mount方法还没执行的时候,dom元素是不会被创建的这就意味着,mount方法之前访问DOM元素,是不会成功的请看如下代码:DoIevenExist?

18 浏览

前端html 中jQuery实现对文本的搜索并把搜索相关内容显示出来

做项目的时候有这么一个需求,客户信息显示出来后我要搜索查找相关的客户,并把相关的客户信息全部显示出来,因为一个客户全部信息我写在一个div里面所以显示的时候就是显示整个div。先看看实现的效果:当我输入瓦窑村就把相关带瓦窑的客户信息显示出来并把瓦窑村字体设置红色,其他的就不显示;下面看html代码:取消

jQuery 2017-11-14 发布
9 浏览

jquery多种方式实现输入框input输入时的onput,onpropertychange,onchange触发事件及区别

有关inputs输入内容的事件监听,一般我们会想到下面几个关键词:onput,onpropertychange,onchangeonput与onchange的一个区分onput:该事件在