随笔分类 - jquery
jQuery创建新元素简述(Create New Element)
摘要:本篇是我jQuery系列文章网摘第三篇,简述jQuery创建新的元素,希望持续关注下面的文章:旧的创建元素的方法是:document.getElementById("testDiv").innerHTML="";但是这种做法是错误的:原因在于页面加载时改变了页面的结构,在IE6中,如果网络变慢或者页面内容太大就会出现终止操作的错误,也就是说不要在页面加载时改变页面的Dom模型.可以使用CreateElement等等.jQuery创建对象更加简单,比如创建一个Div元素:$("动态创建的div")jQuery中当HTML字符串是没有属性
阅读全文
jQuery验证控件jquery.validate.js使用说明+中文API
摘要:官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php"使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:
阅读全文
关于锚点跳转及jQuery下相关操作与插件
摘要:一、锚点跳转简介锚点嘛,业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到,例如,百度百科页面,《火影忍者》这个词条,结果就会看到如下的锚点列表:点击其中一个链接,就会跳转到页面的相应位置。这就是锚点的作用之一。锚点还可以用在跳转到其他页面的相应位置,例如我的博客,点击博客首页文章下面的评论链接,则会跳转到文章的评论处。起关键作用的就是链接地址后面跟着的#comments,见下图标示:我知道的实现锚点跳转有两种方式,一种是a标签+name属性,还有一种就是使用标签的id属性。百度百科就是使用的a标签的name属性实现锚点跳转的,见下图:上图效果更具体点表示是:作者介绍&g
阅读全文
jQuery之Tab切换代码改进
摘要:之前已发布过《jQuery练手作品:Tab 切换效果》,此次是改进jQuery代码,使HTML结构的适用性更强!效果图上:代码上:一、HTML代码结构<div id="sidebar-tab"> <div id="tab-title"> <h3><span class="selected">最新评论</span><span>近期热评</span><span>随机文章</span></h3> </div>
阅读全文
jQuery Unveil – 另一款非常轻量的延迟加载插件
摘要:jQuery Unveil 是一款轻量的延迟加载插件,支持提供用于视网膜显示设备的高分辨率图像。这个插件非常有用,它能提高长网页中图像的加载性能,因为视口以外的图像(可见部分网页)将不会被加载,直到用户滚动到它们所在的区域。延迟加载有一些很酷的选项,如自定义效果,容器,事件或数据属性。如果你不想使用这些功能,你可以减小文件的大小,只留下必要的代码来显示图像。在线演示
阅读全文
JQuery选择器
摘要:1.基本选择器基本选择器是JQuery中最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名来查找DOM元素。这个非常重要,下面的内容都是以此为基础,逐级提高的。 1).“$(“#id”)”,获取id指定的元素,id是全局唯一的,所以它只有一个成员。 2).“$(“.class”)”,获取class指定的元素,不同的元素可以具有相同的class属性,所以它可能具有多个成员。 3).“$(“element”)”,获取element(元素名,比如div、table等)指定的元素,它可能具有多个成员。 4).“$(“*”)”,获取所有元素,相当于document。 5).“$(“s
阅读全文
10+优秀“分步引导”jQuery插件
摘要:很多时候一个网站或者一个Web应用出品,为了让你的用户知道你的站点(或应用)有些什么?如何操作?为了让你的用户有更好的体验。往往这个时候都会给你的站点(应用)添加一个分步指引的效果。然而这样的效果,对于不懂原生js的同学来说,是件蛮头痛的事情。不过大家不要慌,根据Webresourcesdepot.com提供,整理了一些jQuery插件。这些jQuery插件就是用来增强用户和站点沟通。而且这些插件都是轻量级插件,你可以根据自己需求定制,更强的是他们都具有一个时尚的外观效果,而且简单易用。1、Intro.jsDEMODOWNLOAD2、aSimpleTourDEMODOWNLOAD3、pageg
阅读全文
浙公网安备 33010602011771号