废话少说，先上代码jQuery.fn.dataset = function(attr, val) {// 获取数据集if (arguments.length == 0) {var dataset = {};jQuery(this).eq(0).each(function() {var attrs = this.attributes;for (var i = 0, l = attrs.length; i 通过jQuery制作组件，可以轻松获取到我们data-的自定义属性，也可以给data-属性来赋值。 获取：$("div").dataset("name") //获取data-name的值赋值：$("div").dataset("name","Tezml") //给data-na...
很多朋友都反应jquery mobile自带的图标真的是少之又少，另外我也觉得图标偏小(系统自带的是18*18的），于是琢磨着如何自定义按钮图标，下面小编把我的方法分享给大家。 刚接触Jquery Mobile框架，遇到个很现实问题，就是如何自定义按钮图标，我觉得jquery mobile 自带的图标实在是太少了，另外我觉得图标也偏小（系统自带的应该是18*18的）下面是我的方法，希望大家踊跃拍砖。 1、第一种方法是比较简单的，但是有前提，前提就是你...
由于原生select在各个浏览器的样式不统一，特别是在IE67下直接不可以使用样式控制，当PM让你做一个样式的时候，那是相当的痛苦。最好的办法就是使用自定义样式仿select效果。这里写了一个jquery插件，实现自定义的select（阉割了不少原生select的事件，但是最主要的都还在） 需要引用的样式： .self-select-wrapper{ position: relative;display: inline-block;border: 1px solid #d0d0d0;width: 250px;height:40px;font-size: 14p...
本文实例讲述了jquery自定义表格样式实现代码。分享给大家供大家参考。具体如下： 运行效果截图如下：上面这张图有3种状态，默认状态（灰白相间），鼠标悬浮状态（绿色），鼠标点击状态（黄色），是如何实现的呐？ Html代码如下：编号姓名年龄操作111111111111222222222222333333333333444444444444555555555555插件实现代码如下：(function () {$.fn.TabStyle = function (options) {//默认参数设置var settings = {evenClass: "t...
本文实例讲述了jQuery插件formValidator自定义函数扩展功能的方法。分享给大家供大家参考，具体如下： jQuery formValidator表单验证插件是什么?感兴趣的读者可参考《jQuery formValidator表单验证插件》以及本站其他相关文档 此处省略若干文字。 实际项目中的表单应用是多种多样的，随之而来的验证也是多变的，但Jquery formValidator为我们提供了自定义函数接口，个人认为是其最主要的强大之处。废话不多说，直接实例。 例一：座...
本文实例讲述了jQuery实现获取绑定自定义事件元素的方法。分享给大家供大家参考，具体如下：(function ($) { // 自定义itemtab事件 $.fn.bind = function(types, data, fn) { // 重载jQuery.fn.bind方法，用来截获绑定自定义事件的元素if(typeof types == 'string' && 'itemtab' == types) {var itemTouchStart = -1; // touchstart位置var itemTouchMove = -1; // touchend位置，值为-1时表示未触发var itemTriggerDistance = 0; ...
本文实例讲述了jQuery自定义动画函数完整实现技巧。分享给大家供大家参考，具体如下： 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-zdy-dh-move-style-demo/ 具体代码如下：自定义动画DEMOvar Tween = {Linear:function (start,alter,curTime,dur) {return start+curTime/dur*alter;},//最简单的线性变化,即匀速运动Quad:{//二次方缓动easeIn:function (start,alter,curTime,dur) {return start+Ma...
先说点闲话，熟悉Angular的猿们会喜欢这个插件的。00.本末倒置不得不承认我是一个喜欢本末倒置的人，学生时代就喜欢先把晚交的作业先做，留着马上就要交的作业不做，然后慢悠悠做完不重要的作业，卧槽，XX作业马上要交了，赶紧补补补。如今做这个项目，因为没找到合适的多选下拉Web插件，又不想用html自带的丑陋的，自己花了一整天时间做了一个。或许这样占用的主要功能开发的时间，开发起来会更有紧迫感吧。感觉自己是个抖M自虐倾...
本文实例讲述了jQuery自定义滚动条实现方法。分享给大家供大家参考，具体如下： 很多时候，由于美观上的考虑，往往需要自定义各种各样的滚动条，因此，本人做了一个demo 运行效果截图如下：以下是代码部分：$(function(){//内容高度var content = $("#div2"); //框的高度var box = $("#div1");//自定义的滚动条var scrollbar = $("#div3");var scroll=function(content,box,scrollbar){var bigHeight = content.height();var small...
本文实例讲解了jQuery Validate 表单验证插件，如何自定义一个验证方法，分享给大家供大家参考，具体内容如下 效果如下： 验证失败效果：验证成功效果：具体步骤： 1、引入依赖包2、添加错误样式和成功样式em { font-weight: bold; padding-right: 1em; vertical-align: top; } em.error {background:url("images/unchecked.gif") no-repeat 0px 0px;padding-left: 16px; } em.success {background:url("images/checked.gif") no-r...
本文实例介绍了jQuery插件Validate实现自定义校验结果样式的详细代码，分享给大家供大家参考，具体内容如下 效果如下：具体步骤： 1、引入依赖包2、添加错误样式em.error {background:url("images/unchecked.gif") no-repeat 0px 0px;padding-left: 16px; } em.success {background:url("images/checked.gif") no-repeat 0px 0px;padding-left: 16px; }3、自定义提示信息messages: {username: {required: '请输入姓名',minlength: ...
本例子实现弹窗的效果： 1、jquery.show.js/* * 实现功能：点击在鼠标位置显示div * 版本序号：1.0 */ (function($){ $.fn.showDIV = function(options){ var defaults = {}; var options = $.extend(defaults, options); var showdiv=$(this); var close, title, content; close=$(" "); title=$(" "); content=$(" "); showdiv.html(""); showdiv.append(close); showdiv.append(title); showdiv.append(content); close.html(...
本例子实现弹窗的效果：如果亲感觉效果还不错，请继续往下阅读。 1、jquery.show.js/* * 开发者：lzugis * 开发时间：2014年6月10日 * 实现功能：点击在鼠标位置显示div * 版本序号：1.0 */ (function($){ $.fn.showDIV = function(options){ var defaults = {}; var options = $.extend(defaults, options); var showdiv=$(this); var close, title, content; close=$(" "); title=$(" "); content=$(" "); showdiv.html("")...
本文实例讲述了jquery实现自定义树形表格的方法。分享给大家供大家参考，具体如下： 话不多说，直接上代码（本代码仅提供思路）： function createTables(data, t, p) {$("#datatable" + t + tbody).empty();var count = data.length;var html = ;if (count > 0) {for (var i = 0; i < count; i++) {var btn = ;if(data[i]._child && data[i]._child.length > 0){btn = <i class="layui-icon mt-icon" style="cursor: pointer" da...
JQuery+Bootstrap 自定义全屏Loading插件 /*** 自定义Loading插件* @param {Object} config* {* content[加载显示文本],* time[自动关闭等待时间(ms)]* } * @param {String} config * 加载显示文本* @refer 依赖 JQuery-1.9.1及以上、Bootstrap-3.3.7及以上* @return {KZ_Loading} 对象实例*/ function KZ_Loading(config) {if (this instanceof KZ_Loading) {const domTemplate = <div class="modal fade kz-loading" data-kzid="...