Welcome 微信登录

首页 / 脚本样式 / JavaScript

当jQuery遭遇CoffeeScript的时候 使用分享

当jQuery遭遇CoffeeScript的时候 使用分享

当我多年前初次接触jQuery时我感觉我来到了程序员的天堂。它极大简化了DOM操作。函数式编程变得如此容易,尽管更多适合RIA开发的框架近年来在浮现,但是我仍旧无法想象一个没有jQuery的程序人生是多么的罪恶,相信你也有同感~ 而来到CoffeeScript的世界,同样的美妙故事再次上演。在写了几行代码后我相信你将不会再想念原生的Javascript了。CoffeeScript包含了许多新特性,当将它与jQuery结合时,你会发现一片新天地。 本文的目的...
50个比较实用jQuery代码段

50个比较实用jQuery代码段

其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。 1. 如何创建嵌套的过滤器://允许你减少集合中的匹配元素的过滤器,//只剩下那些与给定的选择器匹配的部分。在这种情况下,//查询删除了任何没(:not)有(:has)//包含...
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)

一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)

前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果觉得能用到,或者想学是怎么制作的,那就继续往下看。(demo演示) 既然要做成插件,那可制定性肯定要强,不能定死,比如不能把显示个数定死,不能把分享按钮排序定死等等(不过有些东西还是要定死的,太灵活了也就成不了插件了)。这里我的操作办法是……先看代码吧复制...
用jQuery中的ajax分页实现代码

用jQuery中的ajax分页实现代码

功能简介:主要功能就是分页显示数据了,可在配置文件中配置每页要显示的页码,可以做多条件联合查询,这里只是做一个简单的查询。欢迎拍砖,有问题的还望大虾们斧正哈。看看这个效果图,无刷新的噢!! 具体实现请看源码:1、aspx页面复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPage.aspx.cs" Inherits="MeasurementWellCur...
跨浏览器通用、可重用的选项卡tab切换js代码

跨浏览器通用、可重用的选项卡tab切换js代码

由于近来学了点js,于是我装逼道。。。不太难吧。。。就切一下display属性?同学无视我。。说要搞个通用的。。。什么还要跟ajax交互。。???我愣是没有听懂。。。到底要搞什么。。。权当作练手,我自己胡弄了一个。 需求:同学口中的通用我不知道神马意思。。。那我就按自己的理解吧。。 ①跨浏览器,IE6+,FF,Chrome,Safari,Opera ②同一个页面可以用同一个js设置不同的选项卡。 说太多没啥米用,来看代码吧。 一、h...
70+漂亮且极具亲和力的导航菜单设计国外网站推荐

70+漂亮且极具亲和力的导航菜单设计国外网站推荐

导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。向大家推荐的70款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意、界面对用户有好的,且完美的与网站的整体风格融合在一起。1.基于CSS的导航菜单设计Loodo让网站更有感觉的华丽的菜单Acko.netSteven将他网站的导...
javascript中的注释使用与注意事项小结

javascript中的注释使用与注意事项小结

在javascript中有两种注释方式: 单行注释: // 多行注释: /* */ 注释主要是为了让我们编写的程序更具有可读性,也便于他人来进行二次修改 看下面的例子,我们给正则表达式用/* */注释了,运行时发布报了一个语法错误 复制代码 代码如下: /* var rm_a = /a*/.match(s); */ 所以说块级注释是不安全的,如果在我们的代码中犯了这样的错误,很难去排查 所以最好是用单选注释// 取代多行注释 /* */JavaScrip...
Dom操作之兼容技巧分享

Dom操作之兼容技巧分享

例如:我们在获取ul下所有li元素的时候.或者是某个元素的下一个元素时.都有可能会碰到这讨厌的空格问题.当然在IE浏览器里这些空格会被自动过滤.而FF则没有那么勤劳.FF浏览器会把这些空格也看作为一个元素.如果你对Dom中的空格元素感到疑惑,请运行下面的代码.至少使用IE和FF两种浏览器测试.你会明白一切! 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset...
仅2行代码的javascript按指定格式显示日期时间效果

仅2行代码的javascript按指定格式显示日期时间效果

在蓝色理想学习了N年,今天第一次发点自己的原创,因为我曾为解决该问题花了不少时间,主要是网络上找到的代码要么非常烦琐,要么不能通用或格式只能固定几个,所以我专门对这个问题进行了研究,最终优化到只有2行代码,非常精简。主要是用到了JSON、正则和eval 函数,如果有什么问题欢迎大家指正。 感谢zhanyuzai 的优化,经测试2行代码没有发现问题,现在已更新过来 /// /// 格式化显示日期时间 /// /// 待显示的日期时间,例如new ...
关于onScroll事件在IE6下每次滚动触发三次bug说明

关于onScroll事件在IE6下每次滚动触发三次bug说明

这里有一个人和我一样的情况http://topic.csdn.net/t/20020826/11/970138.html但帖子内有人测试又没问题,我测试的IE6是windows 2003下的,不知道XP下的是否已修复该问题。在微软官方找到一篇关于IE5存在此BUG的帮助文档。http://support.microsoft.com/kb/238004/zh-cn解决办法是用一个全局变量来限制触发的3次事件只执行一次,200ms后再将该变量复位即可。这个问题...
基于jquery的一个拖拽到指定区域内的效果

基于jquery的一个拖拽到指定区域内的效果

这个可与前两个不同了,这个是拖拽到指定的区域内的特效。其实逻辑方式差不多,只不过不同的是 找到目标元素,用appendTo 的方法插入到目标元素。 具体的代码如下,有兴趣者可以试下。(由于是初学,做的简单,如果有其他的方法请给下指点,我定感激不尽哈。。。) 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content...
<< 521 522 523 524 525 526 527 528 529 530 >>