Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery 选择器引擎sizzle浅析

jquery 选择器引擎sizzle浅析

I"m sorry!我用jquery的大概有一年了,只知道$(selector),其内部选择器的流程走向完全不清晰!于是看了jquery的源码,jquery用的选择器的引擎是sizzle,是jquery的作者另一开源项目,在github上面有,号称最快的dom选择器!不到2000行代码。上面说了不是很精彩的开场白,我么来个 for example: $(".test") 在jquery的流程是怎么走的呢? 1.首先会做如下的判断 复制代码 代码如下: /*...
利用JQuery动画制作滑动菜单项效果实现步骤及代码

利用JQuery动画制作滑动菜单项效果实现步骤及代码

效果:点击第二个菜单项后出现一个向上滑动的动画,控制margin-top底部另一个div中的文字上移从而替换掉原有的文字。原理其实不难无非就是css的控制加之jquery的代码对docemnt中所有li绑定一个hover事件,事件中根据鼠标的状态(无非是移入与移除),使用animate的动画方式使原有的div向上移70px,移出时再将页面效果变回原有的样子。代码如下:复制代码 代码如下:$(function () { var webNav = { val:...
10个基于浏览器的JavaScript调试工具分享

10个基于浏览器的JavaScript调试工具分享

调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具,希望大家喜欢!Online Debugging Tools1.PastebinPastebin是一个协作式的调试工具,帮助你在IRC,IM或者消息版上对话来分享和修改代码片段2.JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式...
jQuery事件绑定.on()简要概述及应用

jQuery事件绑定.on()简要概述及应用

前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。看源码发现bind()和delegate()都是由on()实现的。on()的描述如下:复制代码 代码如下:.on( events [, sel...
js nextSibling属性和previousSibling属性概述及使用注意

js nextSibling属性和previousSibling属性概述及使用注意

1:nextSibling属性 该属性表示当前节点的下一个节点(其后的节点与当前节点同属一个级别);如果其后没有与其同级的节点,则返回null。 需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同,见下面例示: 先来看一个例子: 复制代码 代码如下: <body> <div> <input id="a4" type="button" onclick="alert(this.nextSibling);" value="...
jQuery性能优化28条建议你值得借鉴

jQuery性能优化28条建议你值得借鉴

jQuery性能优化28条建议 一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 复制代码 代码如下: $("#content")....
jQuery图片播放8款精美插件分享

jQuery图片播放8款精美插件分享

本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究。废话不多说了,直接上这些插件。1、3D轮播相册这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦。演示 下载2、jQuery手风琴效果图片播放器这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅。演示 下载3、流水线效果图片组切换这款jQuery插件按一组来切换图片,方式酷似流水线,一组接着一组...
正则表达式搭配js轻松处理json文本方便而老古

正则表达式搭配js轻松处理json文本方便而老古

很多群里的朋友经常聊到如何解析Json,通常很多人都会搬出他们珍藏的dll出来,比如Newtonsoft.json.dll,litjson.dll等等。互相吹嘘这些动态链接库的功能如何如何了得,依我看,要解析轻量化类型json,用.net自带的类库就可以胜任了。但是,有一种看起来更方便的老古董——正则表达式,处理json是绰绰有余。Json(JavaScript Object Notation)作为当今互联网最为一种流行的,超越语言的网络数据交换格式,可以...
jQuery筛选器children()案例详解(图文)

jQuery筛选器children()案例详解(图文)

jQuery的选择包含两种,一种是选择器,一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子。完整的格式如下:复制代码 代码如下:.children(expr) 其中children是筛选器的名称,expr是表达式,所有选择器中的表达式都可以用在这,比如按标签名"div",按类名".class",按序号":first"等等,如果表达式为空,那么返回的是所有的孩子,...
当自定义数据属性为json格式字符串时jQuery的data api问题探讨

当自定义数据属性为json格式字符串时jQuery的data api问题探讨

jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是一个 json 格式字符串时,缓存的数据如果被修改, 则修改后的数据继续存在于缓存系统中, 如果不留意,这可能导致一些BUG 复制代码 代码如下...
javascript自适应宽度的瀑布流实现思路

javascript自适应宽度的瀑布流实现思路

这样的布局并不陌生,从2011年Pinterest创立以来,中国互联网就迅速掀起了一股模仿Pinterest的热潮,国内有众多网站采用瀑布流的布局方式,例如花瓣网、美丽说等等。而事实上在中国互联网,模仿一些在国外被人看好的模式(当然,你也可以说是山寨或抄袭,呵呵!!)向来都是一个不错的idea。OK,现在进入正题。这里主要介绍瀑布流的一种实现方法:绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css...
<< 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 >>