JBL T280TWS X 真无线蓝牙耳机 入耳式防水防汗音乐运动跑步耳机 通话降噪耳机
jQuery Validate插件ajax方式验证输入值的实例
项目中经常会遇到需要后台验证问题,如用户名、用户账号是否存在等。使用jQuery Validate插件可以使用remote校验规则完成验证。 示例: 一.基本用法 1.需要验证的表单 <form id="registForm"> <input type="text" id="username" name="username"> </form> 2.js 使用remote校验规则,最简单粗暴的写法是remote: url,此时请求的url后面自动拼接当前验证的值,例如下面的写法,请求的url为:xxx/checkUsername.
2017-12-21 120
webpack写jquery插件的环境配置
客户需求要一个具备树结构、带复选框的下拉选择控件;在网上找到了select2、autocomplete都不满足要求。于是自己用ztree加bootstrap dropdown组合开发了一个下拉树选择控件。决定用webpack打包,开发一个完整的jquery控件,顺便系统的学习一下webpack。 目录结构: package.json配置: { "name": "select-tree", "version": "0.0.1", "description": "下拉树形选择,带复选框", "license": "MIT", "author": "kaikai",
2017-12-21 54
jQuery进阶实践之利用最优雅的方式如何写ajax请求
前言 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,jQuery的ajax方法非常好用,这么好的东西,你想拥有一个属于自己的ajax么?接下来,我们来自己做一个简单的ajax吧。 首先需要一个配置文件 var api = { basePath: 'http://192.168.200.226:58080', pathList: [ { name: 'agentHeartBeat', path:'/api/csta/agent/heartbe
2017-12-20 52
jQuery实现动态控制页面元素的方法分析
本文实例讲述了jQuery实现动态控制页面元素的方法。分享给大家供大家参考,具体如下: 背景 最近做了一个小系统,其中需要在页面对用户的好友进行增删改查。本来没有那么复杂,用表格形式就可以相对容易的实现。 但是考虑到用户的体验度,首先添加尽量不想用输入,就采用将所有用户分类显示,然后点击即可添加。 添加的用户同时在界面显示,显示出用户当前的好友。同时点击已经添加好的好友可进行下一部的业务操作。 当然,删除的操作是仿照手机端那样,右上角有一个红色的“x”,点击该好友即可删除。 最后界面还能退出删除的模式,恢复正常的模式。 功能说明 1. 添加用户:在列表中点击即添加用户,同时添加
2017-12-20 40
jquery自定义显示消息数量
本文实例为大家分享了jquery自定义显示消息数量展示的具体代码,供大家参考,具体内容如下 根据需求简单的实现一个小功能控件,暂时不支持扩展。 $("xxxxxxx").iconCountPlugin(options, start, isOffset) { //三个参数,自定义样式,是否禁止图标位置随浏览器窗口变化而变化,是否禁用偏移量 这个是调用,后面俩参数可以根据需求自行进行调整,以兼容不同的浏览器,可能因为浏览器之间的差异导致出一些意想不到的错误. 复制代码 ; (function ($, window, document, undefined) { var in
2017-12-19 49
jquery实现侧边栏左右伸缩效果的示例
jquery实现点击侧边栏伸缩效果。点击收缩,侧边栏向左收缩,显示按钮显示;点击显示按钮,显示按钮向左收缩,侧边栏显示。 具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <style>
2017-12-19 50
jquery中done和then的区别(详解)
jquery的deferred对象的done方法和then方法都能实现链式调用,但是他们的作用是有区别的,then方法中如果你传递的方法有返回值,那么他会传递给下一个链式调用的方法。而done方法与此相反,你传递的方法就算有返回值,done方法也不会把你的返回值传给下一个链式调用的方法的, 话不多说,直接上实例: var defer = jQuery.Deferred(); defer.done(function(a,b){ console.log("a = " + a+"b = " + b); return a * b; }).done(function( resul
2017-12-19 38
jQuery实现弹窗下底部页面禁止滑动效果
在项目开发过程中,经常会遇到带有弹窗的页面,尤其是在移动端。在没有特别要求的情况下,弹窗弹出后,弹窗下的底部页面依然能够滑动。为了得到更好的用户体验,需要做到触发弹窗时,弹窗底部页面禁止滑动,关闭弹窗时,弹窗底部页面恢复滑动,具体思路如下: 1.触发弹窗时,获取滚动条所在的位置。 2.将底部页面的position属性设置为fixed。 3.设置底部页面的位置为触发弹窗时的初始位置。 4.关闭弹窗时,恢复底部页面的position属性。 5.恢复底部页面的滚动条高度。 //触发弹窗底部页面禁止滑动 function fixed(){ var scrollTop = doc
2017-12-19 53
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
废话不多说,直接上代码吧 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JqueryTest</title> <script src="js/jquery-1.8.3.min.js"></script> <script> $(document).ready(function () { $('input').click(function(e){
2017-12-18 124
HTML5+JS+JQuery+ECharts实现异步加载问题
这几天,看了一下ECharts官网的API和Demo发现很有意思,于是就利用模型预测产生的数据做一个伪实时的动态数据显示 。 首先,创建一个index.html的文件,我用的vscode打开的,进行编写。 1.插入一个标签 <div id="main" style="width:600px;height:400px;"></div> 设置他的一些style(可自行美化,我很懒!!!)。 2.在body下建一个<script>脚本(为什么要在body下写js脚本呢?因为这是提高用户体验,可自行百度深层次的原因~~~)。 3.脚本写啥呢?别急
2017-12-16 47
利用JQUERY实现多个AJAX请求等待的实例
前言通常,jQuery的函数ajax进行Ajax调用。函数ajax只能做一个Ajax调用。当Ajax调用成功时,执行回调函数。可选地,当Ajax调用返回错误时,调用另一个回调函数。 但是,该功能不能根据这些请求的结果进行多个Ajax请求和注册回调函数。 一种情况是,网页使多个Ajax请求在禁用用户交互时收集页面不同部分的数据。 该页面仅在页面获取所有数据之后才能进行用户交互。本文介绍了jQuery提供的一种基于多个Ajax请求来注册回调函数的方法。 这种方法是基于Deferred对象的概念。相关代码首先,在后台的两个ASP.NET Web API函数来接受服务器Ajax调用。 代码如
2017-12-14 44
jquery获取transform里的值实现方法
用transform的translateX写了一个侧滑效果,如何获取它改变的值是多少呢? 获取translateX值的方法: $('div').css("transform").replace(/[^0-9\-,]/g,'').split(',')[4]; 直接用css()获取是这样子的: 用正则获取一下它里面的数值: 然后获取第五个值就好了 以上这篇jquery获取transform里的值实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。
2017-12-12 150
jquery手机触屏滑动拼音字母城市选择器的实例代码
今天用到城市选择,直接用拼音滑动方式来选择,用的时候引入jquery(个别样式需要自己修改) <div class="yp_indz"><img src="images/dizhi.png" alt=""><em>北京</em></div> <!--省份列表--> <div class="dzhc_xs"> <nav> <div class="dhjt"> <a href="JavaScrip:;" rel="external nofollow" c
2017-12-11 53
jQuery实现简单的下拉菜单导航功能示例
本文实例讲述了jQuery实现简单的下拉菜单导航功能。分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-
2017-12-07 49
jquery学习笔记之无new构建详解
前言 当我们想要创建一个对象,我们可能使用new方法去构建一个对象,那按道理jquery也是一个对象,应该也是用new jquery()来构建呀为什么我们创建jquery对象不用new jquery()而是直接使用类似$(ele)的方式去构建出来一个jquery对象呢?其实内部还是使用了new来构建的,只是jquery内部帮我们构建了而已,请看下面代码 function Jquery(selector, context) { return new Jquery(selector, context); } Jquery.prototype = { version:
2017-12-07 48
判断jQuery是否加载完成,没完成继续判断的解决方法
一个比较头疼的事情,有些插件绑定dom对象的,然后又用jq的语法,比如你在vue+node的时候,基本就要百度方法 我提供一个另类解决方案  比如你下了个轮播图插件   a.js 你打开他的a.js然后  用  function lbt(){} 把整个JS包起来在头部 再加上我这段,基本  是可以用了。 isjQueryLoadend(); function isjQueryLoadend(){//判断JQ是否加载完成没有的话 继续判断 if (typeof $ != 'undefined' && document.body) {//jquery lbt(
2017-12-06 56
基于jQuery Ajax实现下拉框无刷新联动
本文实例为大家分享了jQuery Ajax实现下拉框无刷新联动的具体代码,供大家参考,具体内容如下 HTML代码: @{ Layout = null; } @using DAL; @using System.Data; @{ AreaDal areaDal = new AreaDal(); string areaId = ViewBag.areaId; DataRow drArea = areaDal.GetArea(areaId); string countyId = drArea == null ? "-1" : drArea["cou
2017-12-06 57
jquery如何实现点击空白处隐藏元素
我们在网站开发的时候经常会有点击空白处去隐藏已有的元素,DIV或者其他,本次教给大家如何用jquery实现这个特效的方法。 一款jQuery点击空白处隐藏弹出层网页特效,点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示,然后通过点击页面任意位置都能关闭弹出层显示效果,主要是$(document).click的操作应用。演示 Demo,效果源码: CSS代码: * { padding: 0; margin: 0; } #btnShow{ margin: 100px auto 0; width: 90px; displ
2017-12-05 50
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
本文实例讲述了jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法。 jQuery 脚本 <script type="text/javascript"> function check_password() { if ($("#password").val() != $("#checkPWD").val()){ alert("请保证两次输入密码的一致性!"); $("#checkPWD").focus(); } } function check_email() { var reg = /\w+[@]{1}\w+[.]
2017-12-05 47
将jquery.qqFace.js表情转换成微信的字符码
jquery.qqFace.js使用方法 引用 <script src="~/Content/qqFace/js/jquery.qqFace.js?v=3"></script> <script src="~/Content/qqFace/js/jquery-browser.js"></script> html <div style="width:50px;height:30px;margin-top:3px;text-align:center;line-height:30px;border-right:1px soli
2017-12-01 69
利用jquery如何从json中读取数据追加到html中
JSON 格式 json 是 Ajax 中使用频率最高的数据格式,在浏览器和服务器中之间的通讯可离不开它。 JSON 格式说明 需要特别注意的是,在 JSON 中的属性名是需要使用引号引起来的。 1.下载安装jquery 可通过下面的方法引入在线版本的js: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 参考安装文档:https://3water.com/zt/jquerydown.htm 2.准备一个json格式的文件,后缀可以不是.
2017-12-01 58