jquery
关注
分享
扫一扫
Lisunlight
这个作者很懒，什么都没留下…
展开
-
swiper进行分组轮播（分组js）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl.原创 2021-04-30 10:00:51 · 1274 阅读 · 0 评论 -
jquery自制前端分页
1、项目中常用的简易分页，超过1页显示，使用/search接口传值为page,需要接收总条数data-sum,每页条数data-every CSS .pages{width:100;height: 32px;margin: 15px auto;text-align: center;line-height: 32px;font-size:0;display:none;} .pages div{...原创 2019-01-17 11:42:47 · 586 阅读 · 0 评论 -
jquery.validate.js方法拓展
1.拓展名验证 2.手机号验证 3.身份证验证 4.中文验证 5.密码验证（数字字母._6-18位） 6.确认密码 （1）//图片拓展名 jQuery.validator.addMethod("subImg",function(value,element){ var fileName=element.files[0].name; ...原创 2018-10-20 11:28:50 · 316 阅读 · 0 评论 -
jquery.validate.js对 form表单的验证
1、引入jquery.validate.js；引入文件要在jQuery文件之后 2、直接在js中验证，直接上实例： //内容验证 $().ready(function() { //图片拓展名 jQuery.validator.addMethod("subImg",function(value,element){ var ...原创 2018-10-05 11:04:47 · 838 阅读 · 0 评论 -
select2的使用
1、引入select2的js文件，引入的文件需要在jquery文件后 <script type="text/javascript" src="__PUBLIC__/admin/js/select2.full.min.js"></script> 2、引入select2的css文件，引入的文件最好在自己的样式文件之前（便于对select2的样式进行自定义修改） <l...原创 2018-10-05 10:28:30 · 597 阅读 · 0 评论 -
ajax提交图片文件并显示
适用与ie9及以上版本，else后的内容是为了兼容ie浏览器 需要下载ajaxFileUpload文件 <div id="img-box"> </div> <div class="img-form"> <label><span>上传头像</span><input type=&原创 2018-09-03 10:47:13 · 863 阅读 · 0 评论 -
jquery 模块化（head）
头部导航栏（弹出功能菜单） <div id="head"> <ul> <li><a href="javascript:;">logo</a></li> <li><a href=&quo原创 2018-08-21 15:46:34 · 540 阅读 · 0 评论 -
jquery模块化（aside）
制作侧边栏导航（手风琴） <div id="aside"> <ul> <li> <div class="nav"><a href="javascript:;">主页</a></div>原创 2018-08-21 15:39:01 · 608 阅读 · 0 评论 -
jquery模块化 （简单的选项卡）
简单的选项卡，利用index()与eq()的对应 <div> <ul class="tab"> <li class="select">页面一</li> <li>页面二</li> <li>页面三</li&原创 2018-08-23 20:34:55 · 1063 阅读 · 0 评论 -
jquery 模块化（省市区三级联动）
利用input与ul列表结合实现自定义三级联动； 引入jquery与地区文件address.js address.js的文件格式为 var provinceList = [{name:'北京', cityList:[ {name:'北京市', areaList:['东城区','西城区','崇文区','宣武区','朝阳区','丰台区','石景山区','海淀区','门头...原创 2018-08-30 22:46:56 · 625 阅读 · 0 评论 -
jquery 模块化 （ 可关闭的tab(选项卡，配合导航栏使用) ）
原理：利用自定义的num属性与内容的序号（eq() ）相对应，实能够简单选中内容（在侧边栏不分块的情况下可直接使用其index()属性） <!--可关闭的tab标签--> <div id="aside"> <ul> <li> <div class="nav"><a原创 2018-08-22 23:29:56 · 2385 阅读 · 0 评论