jQuery 插件开发指南
那么首先我们来简单的看一下最正统的 jQuery 插件定义方式：(function ($) { $.fn.插件名 = function (settings) { //默认参数 var defaultSettings = { } /* 合并默认参数和用户自定义参数 */ settings = $.extend(defaultSettings, settings); return this.each...
2024-01-10编写简单的jQuery提示插件
很简单的代码，就不多废话了。代码：/*** 2014年11月13日* 提示插件*/(function ($) { $.fn.tips = function (text) { var divtipsstyle = "position: absolute; left: 0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px #6dbde4; visibility: hidden; line-height:20...
2024-01-10浅谈jQuery中的事件
JQuery事件初见1.JQuery中的事件绑定其实呢，JQuery中标准的事件绑定是这样写下：（如下）$("#btn").bind("click",function(){})；但是每次这样写，太过麻烦，还怎么做到Write less，Do more？所以我们习惯的简写成。$("#btn").click(function(){ }) 这样就方便了好多2.合成事件hover（enterfn，leavefn）当鼠标放在元素...
2024-01-10jQuery鼠标事件总结
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。下面就来系统的介绍一下jQuery鼠标事件。(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。$('p').click(function(){ alert('click function is running !');});(2):dbclick事件：dbclick事件在用户完成迅速连续的两次...
2024-01-10
Vue插件开发入门
相对组件来说，Vue 的插件开发受到的关注要少一点。但是插件的功能是十分强大的，能够完成许多 Vue 框架本身不具备的功能。大家一般习惯直接调用现成的插件，比如官方推荐的 vue-router、vue-touch 等。下面就看一下 Vue 的插件开发如何入门。首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的...
2024-01-10jQuery弹框插件使用方法详解
本文实例为大家分享了jQuery弹框插件使用的具体代码，供大家参考，具体内容如下要点 ：1、匿名函数包裹器（可搜索一下）2、面向对象的编程3、插件的要素（扩展jQuery本身的方法，$.extend ； 给jQuery对象添加方法，对jQuery.prototype进行扩展 ；添加一个函数到jQuery.fn（jQuery.prototype）对象，该函数的名...
2024-01-10jQuery开发仿QQ版音乐播放器
本文通过Html+CSS+jQuery开发仿QQ版的音乐播放器，是前端技术的综合应用，所用素材来源于网络，仅供学习分享使用，如有不足之处，还请指正。涉及知识点在本例中用到的知识点如下，按jQuery和CSS进行区分：jQuery 是一个 JavaScript 库， 极大地简化了 JavaScript 编程，常见知识点如下：通过标签获取jQuery...
2024-01-10基于编写jQuery的无缝滚动插件
首先来看下html骨架，如下：<div class="box"> <ul> <li>111</li> <li>222</li> <li>333</li> </ul></div>结构简单明了，没什么说的。讲下实现原理： div box是最外层盒子，给它指定的宽高，记得给box添加一个 overflow:hidden (超出的内容隐藏)样式，因为滚动肯定是会超出box的。 我们通过js控制...
2024-01-10深入理解jQuery事件绑定
html:<a href="#" onclick="addBtn()">addBtn</a><div id="mDiv"> <button class="cBtn" onclick="alert(11111)">button1</button> <button class="cBtn">button2</button> <button class="cBtn">button3</button></div>javascript:<script type="text/javascript"> functi...
2024-01-10加载CSS后触发的jQuery事件？
我的页面上有几个链接（位于内<div id="theme-selector">），可用于更改CSS样式表：$('#theme-selector a').click(function(){ var path = $(this).attr('href'); $('head link').remove(); $('head').append('<link type="text/css" href="'+path+'" rel="stylesheet" />'); return false;});现在，在更...
2024-01-10用jQuery加载外部js文件
到处寻找它，找到答案却迷失了。有谁知道如何从另一个js文件加载外部.js文件？main_lobj1.onreadystatechange = function(){ if (main_lobj1.readyState == 4) {if (main_lobj1.status == 200) { document.getElementById("middleDiv_m").innerHTML=main_lobj1.responseText; jQuery.getScript('jqu...
2024-01-10
开发MySQL Shell插件
作者：马楚成 （Ivan Ma）编译：徐轶韬MySQL Shell is a powerful tool. It allows Javascript, Python and SQL access to MySQL.MySQL Shell是一个功能强大的工具。它允许Javascript，Python和SQL访问MySQL。Usage of MySQL Shell can beAs admin tool to MySQL ServerAs Scripting Engine to run Javascript o...
2024-01-10jQuery焦点图插件SaySlide
先来介绍SaySlide 2.0支持自定义如下功能：1、上下左右方向播放以及jQuery的fadeOut、slideUp、hide效果；2、自动播放时间间隔和动画播放的的速度；3、是否显示标题；4、是否在新窗口打开链接；5、是否显示底部半透明背景；6、按钮在底部显示的位置（左中右）；7、按钮默认背景色；8、按钮激活状...
2024-01-10分享一个自己动手写的jQuery分页插件
工作需要一个JS分页插件，心想自己动手写一个吧，一来上网找一个不清楚代码结构的，出了问题难以解决，而且网上的插件所包含的功能太多，有些根本用不到，就没必要加载那段JS，二来想起没写过jQuery插件，就当练一下手了，好了，先看结果：http://demo.jb51.net/js/2014/EasyPage/ 简单说一下这个插件...
2024-01-10jQuery zTree树插件的使用教程
本文为大家分享了jQuery zTree树插件的使用教程，供大家参考，具体内容如下一、介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。官网地址特点：zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载采用了 延迟加...
2024-01-10使div可见时的jQuery事件触发动作
我在网站上使用jQuery，当某个div可见时，我想触发某些动作。是否可以在任意div上附加某种“不可见”事件处理程序并在使div可见时运行某些代码？我想要类似以下的伪代码：$(function() { $('#contentDiv').isvisible(function() { alert("do something"); });});在真正使contentDiv可见之前，将不会触发alert（“做某...
2024-01-10jQuery复选框选中状态更改事件
我希望一个事件在选中/未选中复选框时触发客户端：$('.checkbox').click(function() { if ($(this).is(':checked')) { // Do stuff }});基本上，我希望页面上的每个复选框都发生这种情况。这种触发点击并检查状态的方法可以吗？我认为必须有一种更清洁的jQuery方式。有人知道解决方案吗？回答：绑定到change事...
2024-01-10在jQuery中获取鼠标滚轮事件？
有没有一种方法可以scroll在jQuery中获取鼠标滚轮事件（而不是谈论事件）？回答：$(document).ready(function(){ $('#foo').bind('mousewheel', function(e){ if(e.originalEvent.wheelDelta /120 > 0) { console.log('scrolling up !'); } else{ console.log(...
2024-01-10jQuery zTree插件快速实现目录树
ztree是JQuery的一个开源树形目录的插件，用来快速构建网站的树形目录结构，并且提供了功能丰富，利于扩展的API。JQuery ztree官网只要引入jquery和ztree的库js，然后给ztree提供需要的json数据，并且设置好ztress的属性，就可以即刻展示出树形目录。总结下来，要使用ztree的话，必须要完成以下几步：1. 引...
2024-01-10jQuery/CSS3图片特效插件整理推荐
1.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码，是一段实现页面底部拥有滚动云彩动态效果的特效源码，想要在网站中实现此类效果的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。在线演...
2024-01-10jQuery函数初始化中的条件参数？
我使用James Smith的优秀tokenized input插件为各种搜索框。 （PHP后端。）我试图预先填充输入，但只有一些时间 - 例如，如果用户已经通过我的URL一个参数。jQuery函数初始化中的条件参数？正常初始化：$("#tokenized").tokenInput("http://www.my.url/index.php", { theme: "facebook", }); 如期望的那样，这将启动我一个空白...
2024-01-10如何记录jQuery中某个元素触发的所有事件？
我希望看到用户与 交互时触发的所有事件。包括以下内容：点击它。单击它。跳入它。远离它。Ctrl键盘上的+ C和Ctrl+ V。右键单击->粘贴。右键单击->剪切。右键单击->复制。从另一个应用程序中拖放文本。用Javascript修改它。使用调试工具（如Firebug）对其进行修改。我想使用显示它console.log...
2024-01-10
zTree 基于 jQuery 多功能树结构插件
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree 是开源免费的软件（MIT 许可证）。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去，可以进行捐助。特点zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载...
2024-01-10jQuery实现鼠标滑过点击事件音效试听
废话不多说了，直接看效果图吧。效果图如下：html代码：<div class="wrapper"> <h1 class="sub-section__title">eventType : </h1> <div class="center" style="margin-top: 40px;"> <div id="trigger-2-hover" class="sound-trigger sound-trigger--type-default-2 sound-trigger--type-...
2024-01-10基于jQuery实现仿微博发布框字数提示
jQuery实现仿微博发布框字数提示，主要是运用字符串操作！效果图：HTML:<textarea name="" id="" cols="30" rows="10"></textarea><br><span>你还可以输入<strong style="color:red;">140</strong>个字</span>JQ: $(function(){ var maxlength=140;//初始化最大字数 $("textarea").keyup(function(){ var l=$(th...
2024-01-10
