51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

Jquery 自定义事件实现发布/订阅的简单实例

Jquery 自定义事件实现发布/订阅的简单实例

厉飞雨 阅读(6) 评论(0) 赞(0)

**Jquery 自定义事件实现发布/订阅的简单实例** ``` //用户点击logoff按钮时,广播一个自定义事件,给任何需要保存状态的感兴趣的观察者,然后导航到logoff页面 $('#logoff').click(function(){ $.event.trigger("logoff");//广播一个事件 ...

使用jQuery制作Web页面遮罩层插件的实例教程

使用jQuery制作Web页面遮罩层插件的实例教程

厉飞雨 阅读(5) 评论(0) 赞(0)

在网页上经常遇到需要等待很久的操作,比如导出报表等。为了预防用户点击其他操作或者多次点击同个功能,需要用遮罩层把页面或者操作区盖住,防止用户进行下一步操作,同时可以提高界面友好度,让用户知道操作正在执行。 ``` $.fn.extend({ /** * 给元素添加遮罩层 * @param message {String} [可选]遮罩层显示...

jQuery EasyUI Tab 选项卡问题小结

jQuery EasyUI Tab 选项卡问题小结

厉飞雨 阅读(5) 评论(0) 赞(0)

**需要解决的问题:** **![](http://static.51tbox.com/static/2024-11-23/col/4a4ab642c382ab51616a060559927acf/b4345ebf88764a4f900ff845d9edb19b.png.jpg)** 比如说 我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里...

jQuery Ajax Post 回调函数不执行问题的解决方法

jQuery Ajax Post 回调函数不执行问题的解决方法

厉飞雨 阅读(6) 评论(0) 赞(0)

今天在写一个检查用户名的功能时,使用的是jQuery.post( url, \[data\], \[callback\], \[type\] )这个函数,但是发现其中的回调函数不能执行。 先来看看我的代码: **前台代码:** ``` <script type="text/javascript"> function checkUs...

jQuery实现点击弹出背景变暗遮罩效果实例代码

jQuery实现点击弹出背景变暗遮罩效果实例代码

厉飞雨 阅读(6) 评论(0) 赞(0)

本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果,并且点击空白处隐藏弹出层的效果,效果非常棒,小编只给大家贴出了关键代码了,大家可以根据个人需要适当的添加内容。 **js代码如下:** ``` <script type="text/javascript"> $(document).ready(function(){...

jQuery属性选择器用法示例

jQuery属性选择器用法示例

厉飞雨 阅读(6) 评论(0) 赞(0)

本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考,具体如下: ``` <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></...

jquery 属性选择器(匹配具有指定属性的元素)

jquery 属性选择器(匹配具有指定属性的元素)

厉飞雨 阅读(5) 评论(0) 赞(0)

**jQuery 选择器** 在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语...

基于jQuery实现中英文切换导航条效果

基于jQuery实现中英文切换导航条效果

厉飞雨 阅读(6) 评论(0) 赞(0)

先来看一下**中英文切换的导航条**效果图: ![](http://static.51tbox.com/static/2024-11-23/col/ee53fd89ad9ef002b7e3c95a56d36371/97b08210a0574c3ea8b7840bff2ec2cc.gif.jpg) 我采用了两种方式实现,一种用css3,另一种是用jquery实现。 首...

jQuery自定义组件(导入组件)

jQuery自定义组件(导入组件)

厉飞雨 阅读(5) 评论(0) 赞(0)

**1.组件js** ``` (function($){ //自定义去除字符串两边空白 String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } //自定义导入组件 $.fn.customImport = function(m...