JavaScript资料,JavaScript文章,JavaScript文档-易库教程

JQuery插件Style定制化方法的分析与比较

2016年07月27日 9 阅读

1前言最近因为项目的需要，使用了一个JQuery插件。把插件下下来后，很快我就发现，很多默认的插件Style不符合项目要求，必须要被修改。在这个过程中，我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法，对CSS的认识也加深了不少，感触颇多。这篇文章就是对这些新的CSS的认识的一个梳理。 2JQuery 插件Style 定制化方法 2.1 初始化插件时输入定制化对象做的比较好的插件会在初始化时允许输入定制化...

统计jQuery中各字符串出现次数的工具

2016年07月27日 5 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-...

Firefox中beforeunload事件的实现缺陷浅析

2016年07月27日 12 阅读

beforeunload 指在页面卸载前提供的最后一次JS执行的机会。如下复制代码代码如下: window.onbeforeunload = function（） { return "您正在编辑的博客尚未保存，确定要离开此页吗？"; }; 可以使用返回值文字来提示用户。但只有Firefox中却不显示该文字。当刷新页面时，各浏览器表现如下IE：Chrome：Firefox12：Mozilla官方说Firefox4之前的版本可以通过事件对象的return...

学习从实践开始之jQuery插件开发菜单插件开发

2016年07月27日 5 阅读

虽然这不是多么高深的技术，但对于新手来说还是颇有难度。如果你是一个新手，我希望你能从本文中学到东西；如果你是高手，我希望你能留下你宝贵的意见和建议一.要做什么插件？我想要实现一个可以在网站或WEB应用系统中使用，可以灵活的定制外观、简单、易于使用、方便扩展、稳定的菜单插件。它可以被用在网站主导航条上，亦可以用在管理后台。二.想要的效果是什么？平时菜单处于收起状态，当鼠标移入显示其下级菜单，以此类推；可以方便的使用html标签设置菜单的结构，...

jQuery Ajax请求状态管理器打包

2016年07月27日 6 阅读

然而，无论有多么接近，通过客户端与服务端的一来一回，必定会有等待加载数据的时间。所以，大多数网站都通过一个Gif动态图标或‘Loading..."等字样来告知用户数据还在加载中。但有时候这个问题会非常繁琐和麻烦，要么将这个‘Loading"显示在ajax请求之前，然后在ajax成功后隐藏它，或者将它写在jquery的ajax的全局事件jQuery.ajaxStart（）和jQuery.ajaxStop（）中来控制整个页面的ajax状态。前者方法使用起来太琐...

jQuery 开发者应该注意的9个错误

2016年07月27日 5 阅读

jQuery is so easy to use that sometimes we just forget that it"s not CSS. While using CSS, we don"t have to give much thought to performance, because it"s so fast that it"s not worth the effort to optimize it. But when it comes to...

仿中关村在线首页弹出式广告插件（jQuery版）

2016年07月27日 6 阅读

其的就不多说啦，直接上代码： jquery 插件：复制代码代码如下: /* 疯狂秀才制作于 2012-04-24 17:00 QQ: 1055818239 email: hxl_apple@163.com */ （function（$）{ $.fn.quickAd = function（settings）{ settings = $.extend（{ width:760, height:400, html:"我是广告内容", top:130, se...

Javascript 键盘事件的组合使用实现代码

2016年07月27日 5 阅读

复制代码代码如下: txt1.onkeydown = function（ev）{ var oevent = ev||event; if（oevent.ctrlKey && oevent.keyCode == 13）{ …… } } txt1:绑定事件的对象，例如:一个文本输入框input。 oevent:事件对象（包含事件的很多有用详情）。 keyCode:可以获取到键盘按下的键值。例如：回车键就是13。 ctrlKey:是一个布尔值,表示键盘上面的c...

JavaScript之自定义类型

2016年07月27日 5 阅读

1、直接创建模式。这是最简单也是最直接的一种模式，首先创建一个引用类型的对象，然后为其添加自定义属性和方法。示例代码如下：复制代码代码如下: var person = new Object（）; person.name = "Sam"; person.age = 16; person.speak = function（）{ alert（this.name + "is " + this.age + "years old"）; } person.speak...

iphone safari不支持position fixed的解决方法

2016年07月27日 5 阅读

需求是这样的，许多pc web页面的导航都是固定的，比如google的首页，现在要将这种固定的导航转移到mobile web下，很自然地就会想到position：fixed; bottom: 0，android下运行正常，但在iphone safari下就会出现问题，当滚动条滚动时，导航条就会出现屏幕的上方，黑乎乎的一块，很不协调。许多人推荐iscroll、jquery mobile等框架，但有时效果不如意或是得阅读框架源码进行二次开发，会花费好长一段时间...

js查错流程归纳

2016年07月27日 5 阅读

归纳是为了更好的理解。受jQuery "Discussion"（http://docs.jquery.com/Discussion）页面启发，平时同事有问题找我帮忙解决问题，往往都是很小的问题，这种情况他们并不是缺乏解决问题的知识，而是需要找到问题的办法。人总是乐于助人的，能有个好的查错流程可以过滤掉很多简单的小问题^^。 1、确保您的页面元素标记是有效的 2、使用调试工具（例如：Firebug），看看是否有异常 3、引用文件或依赖模块或方法是否有效 4、...

仅IE支持clearAttributes/mergeAttributes方法使用介绍

2016年07月27日 9 阅读

一、.clearAttributes（）该方法用来清除所有用户定义的属性。如下复制代码代码如下: <div style="color:red;" onclick="alert（1）" data-a="a" data-b="b">Division</div> <script> var div = document.getElementsByTagName（"div"）[0]; alert（div.outerHTML）...

jQuery 图片切换插件（代码比较少）

2016年07月27日 5 阅读

复制代码代码如下: // JavaScript Document ;（function（$）{ $.fn.extend（{ "zj_ppt":function（value）{ //默认参数定义 var $this = $（this）; value = $.extend（{ "time":2000, //间隔变化动画时间 "con":0, "sto":true, "count":"count", //切换小图的父级class名字 "src":"src", ...

让人印象深刻的10个jQuery手风琴效果应用

2016年07月27日 5 阅读

今天这篇文章向大家展示10个非常酷的应用 jQuery 手风琴（according）效果网站，一起欣赏。 1. Unowhy2. Helloewy3. Djafar Inal4. Made by Elephant5. Engage Interactive6. Jaboh7. Nerve Music Store8. Loewy Design9. Alex Cohaniuc10. EyeDraw作者：山边小溪 ...

基于jQuery捕获超链接事件进行局部刷新代码

2016年07月27日 5 阅读

核心代码: 复制代码代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>A Click Event Test</title> <script type="text/javascript" src="jquery.min.js"></scrip...

jQueryUI写一个调整分类的拖放效果实现代码

2016年07月27日 5 阅读

所以还是自己动手丰衣足食，还是坚持简单就是美的代码风格。试试在iframe里嵌入一个测试页面，你可以使用鼠标拖动项目，调整分类：当然，这并不是我要的最终效果，只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上，还要增加自动排序，位置变更后恢复之前元素bind的jQuery事件等。代码代码如下，如要复制，请先查看纯文本版本！复制代码代码如下: <！DOCTYPE html> <html> <head>...

javascript 在firebug调试时用console.log的方法

2016年07月27日 5 阅读

console.log（）; 当你使用console.log（）函数时，下面的firebug一定要打开，不然这函数在用firefox运行时无效且影响正常程序，如果用IE打开，将会出错。第一个参数可以是一个包含格式化占位符输出的字符串，例如： console.log（"The %s jumped over %d tall buildings", animal, count）; 格式化字符串类型 %s 字符串 %d, 整型 %i （暂不支持数字型） %f ...

jQuery 在光标定位的地方插入文字的插件

2016年07月27日 5 阅读

核心代码: 复制代码代码如下: （function（$）{ $.fn.extend（{ "insert":function（value）{ //默认参数 value=$.extend（{ "text":"123" },value）; var dthis = $（this）[0]; //将jQuery对象转换为DOM元素 //IE下 if（document.selection）{ $（dthis）.focus（）; //输入元素textara获取焦点 va...

jQuery 过滤not（）与filter（）实例代码

2016年07月27日 6 阅读

第一种写法: 复制代码代码如下: $（function（）{ $（"li"）.not（":even"）.css（"color","red"）; $（"li"）.filter（":odd"）.css（"color","red"）; }）第二种写法：复制代码代码如下: $（function（）{ $（"li"）.filter（function（index） { return index%2 == 0; }）.css（"color","red"）; $...

疯狂Jquery第一天（Jquery学习笔记）

2016年07月27日 5 阅读

好了开始我的Jquery第一天。我也是从Hello wrod！开始的。关于jquery 的引用我直接一笔带过。如下：复制代码代码如下: <html> <head> <title>jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type="te...

首页 / 脚本样式 / JavaScript

JQuery插件Style定制化方法的分析与比较

统计jQuery中各字符串出现次数的工具

Firefox中beforeunload事件的实现缺陷浅析

学习从实践开始之jQuery插件开发 菜单插件开发

jQuery Ajax请求状态管理器打包

jQuery 开发者应该注意的9个错误

仿中关村在线首页弹出式广告插件（jQuery版）

Javascript 键盘事件的组合使用实现代码

JavaScript之自定义类型

iphone safari不支持position fixed的解决方法

js查错流程归纳

仅IE支持clearAttributes/mergeAttributes方法使用介绍

jQuery 图片切换插件（代码比较少）

让人印象深刻的10个jQuery手风琴效果应用

基于jQuery捕获超链接事件进行局部刷新代码

jQueryUI写一个调整分类的拖放效果实现代码

javascript 在firebug调试时用console.log的方法

jQuery 在光标定位的地方插入文字的插件

jQuery 过滤not（）与filter（）实例代码

疯狂Jquery第一天（Jquery学习笔记）

学习从实践开始之jQuery插件开发菜单插件开发