随笔分类 -  JQuery

1 2 下一页
jQuery基础【1】
摘要：jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性： •HTML 元素选取 •HTML 元素操作 •CSS 操作 •HTML 事件函数 •JavaScript 特效和动画 •HTML DOM 遍历和修改 •AJAX •Utilities1.向页面添加jQuer... 阅读全文
posted @ 2014-03-13 17:15 piuba 阅读(359) 评论(0) 推荐(0)
点击飞入购物车效果
摘要：点击飞入购物车效果 click me 空盒 阅读全文
posted @ 2013-11-29 14:43 piuba 阅读(446) 评论(0) 推荐(0)
(function($){...})(jQuery)是什么意思
摘要：这里实际上是匿名函数function(arg){...}这就定义了一个匿名函数，参数为arg而调用函数 时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：(function(arg){...})(param)这 就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数而(function($){...}) (jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery********************************************************************** 阅读全文
posted @ 2013-09-26 12:01 piuba 阅读(333) 评论(1) 推荐(0)
jQuery固定浮动侧边栏(jQuery fixed Sidebar)
摘要：需要在页面引用jQuery库.可以在这里看demo.HTML代码：headerSidebarMainfooterCSS代码：body { margin: 10px auto; font-family: sans-serif; width: 500px;}div { border-radius: 5px; box-shadow: 1px 2px 5px rgba(0,0,0,0.3); border: 1px solid #ccc; padding: 5px;}#sidebarWrap { height: 400px; width: 210p... 阅读全文
posted @ 2013-09-23 10:32 piuba 阅读(1107) 评论(0) 推荐(1)
jQUery 常用实例
摘要：1. 如何创建嵌套的过滤器//允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索var allItems = $("div.item"); var keepList = $("div#container1 div.item"); //现在你可以继续使用这些jQuery对象来工作了。例如 阅读全文
posted @ 2013-09-17 15:51 piuba 阅读(188) 评论(0) 推荐(0)
SlidesJS基本使用方法和官方文档解释
摘要：Slides – 是一个简单的，容易定制和风格化，的jQuery幻灯片插件。Slides提供褪色或幻灯片过渡效果，图像淡入淡出，图像预压，自动生成分页，循环，自动播放的自定义等很多选项。用Slides插件，你可以随机播放幻灯片，设定那一套您想要开始幻灯片。它附带充分的说明和示例。DEMO地址：http://slidesjs.com/官网地址：http://slidesjs.com/下载地址：http://slidesjs.com/downloads/slides.zip基本的HTML结构[html] view plaincopySlide1Loremipsumdolorsitamet,cons 阅读全文
posted @ 2013-09-02 12:18 piuba 阅读(1014) 评论(0) 推荐(0)
jquery库与其他库冲突的问题解决-jquery.noConflict()
摘要：在使用jQuery开发的时候，可能还会使用到其他的JS库，比如Prototype，但多库共存时可能会发生冲突；若是发生冲突后，可以通过以下几种方案进行解决： 一、 jQuery库在其他库之前导入，直接使用jQuery(callback)方法如：test---prototypetest---jQuery二、jQuery库在其他库之后导入，使用jQuery.noConflict()方法将变量$的控制权让渡给其他库，有以下几种方式://代码二//代码三//代码四 阅读全文
posted @ 2013-07-26 15:53 piuba 阅读(267) 评论(0) 推荐(0)
Discuz!和jQuery冲突的解决办法
摘要：Common.js是官方自带的，我没改过它，所以不可能出错，所以问题就应该是两者冲突了。导致的结果我也发现了，前台的DIY功能不能用了。 我还花了很多时间在那里研究冲突的地方，后来还是没能解决。之后我去网上搜索“Discuz! jQuery”，果然有文章写两者冲突的事情。其实19楼那里下载下来的js就是一个jQuery，只是后面外加了一些function。解决办法有，但 我试了没用，可能是我一开始没有看懂。文章如下： DiscuzX1.5在static/js/common.js中的某一行的内容如下： function $(id) { return !id ? null : docu... 阅读全文
posted @ 2013-07-19 10:22 piuba 阅读(484) 评论(0) 推荐(0)
强烈推荐：240多个jQuery插件
摘要：概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有 阅读全文
posted @ 2013-06-06 11:24 piuba 阅读(204) 评论(0) 推荐(0)
Discuz!和jQuery冲突的解决办法
摘要：Common.js是官方自带的，我没改过它，所以不可能出错，所以问题就应该是两者冲突了。导致的结果我也发现了，前台的DIY功能不能用了。 我还花了很多时间在那里研究冲突的地方，后来还是没能解决。之后我去网上搜索“Discuz! jQuery”，果然有文章写两者冲突的事情。其实19楼那里下载下来的js就是一个jQuery，只是后面外加了一些function。解决办法有，但 我试了没用，可能是我一开始没有看懂。文章如下： DiscuzX1.5在static/js/common.js中的某一行的内容如下： function $(id) { return !id ? null : docu... 阅读全文
posted @ 2013-05-14 09:35 piuba 阅读(346) 评论(0) 推荐(0)
获取网页传递的参数
摘要：/*--获取网页传递的参数--*/ function request(paras) { var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0; j=paraString[i]; i++){ paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.subs... 阅读全文
posted @ 2013-04-01 14:43 piuba 阅读(265) 评论(0) 推荐(0)
25大实用的jQuery技巧和解决方案
摘要：jQuery库的发展迅速（刚刚发布的jQuery的1.4），越来越多的人正在使用这个有用的JavaScript库。这意味着，需要越来越多的有用jQuery的提示，技巧和解决方案来提供。这就是为什么我创建了26个实用的jQuery的提示、技巧和解决方案的小清单。1. 去除页面的右键菜单$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });2、搜索输入框文字的消失当鼠标获得焦点、失去焦点的时候，input输入框文字处理：$(... 阅读全文
posted @ 2013-03-04 21:24 piuba 阅读(208) 评论(0) 推荐(0)
JQ命令汇总 jQuery
摘要：jQuery选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class $(".intro") 所有class="intro"的元素element $("p") 所有<p>元素.class.class $(".intro.demo") 所有class="intro"且class="demo"的元素:first $("p:f 阅读全文
posted @ 2013-03-04 15:04 piuba 阅读(806) 评论(0) 推荐(0)
【jQuery插件】slideImg-广告轮播，焦点图效果
摘要：感谢 留痕 网友提交的bug，bug主要原因是我忽视了多个广告轮播和样式重名的问题；经简单的修改已经修复该问题。谢谢 留痕 网友。==============华丽的分割线================广告轮播，焦点图效果反反复复写了好几个插件,http://www.css88.com/?s=%E5%B9%BF%E5%91%8A%E8%BD%AE%E6%92%AD,http://www.css88.com/archives/2455这次这个插件主要解决了两个问题:1.当焦点图只有一张的时候不滚动；2.当鼠标经过右下角图片选择的控制点上加了延时，避免在用户不经意划过这些控制点的时候切换图片。具体 阅读全文
posted @ 2012-12-14 17:37 piuba 阅读(441) 评论(0) 推荐(0)
jQuery hover 延时显示$.fn.hoverDelay (fnOver, fnOut,timeIn,timeOut) ;
摘要：先看jQueryhover源代码：-----------------------------------------(function($){$.fn.hoverDelay=function(fnOver,fnOut,timeIn,timeOut){vartimeIn=timeIn||200,timeOut=timeOut||200,fnOut=fnOut||fnOver;varinTimer=[],outTimer=[];returnthis.each(function(i){$(this).mouseenter(function(){varthat=this;clearTimeout(ou 阅读全文
posted @ 2012-12-14 16:54 piuba 阅读(1376) 评论(0) 推荐(0)
jQuery事件
摘要：在页面加载后执行任务$(document).ready()可以让jQuery响应网页加载事件,触发函数中的代码代码执行的时机选择我们已经知道,$(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方 式.当文档完全下载到浏览器中时,会触发window.onload事件,这意味着页面中的全部元素对JavaScript而言都是可访问的.而通 过$(document).ready()注册的事件处理程序,会在DOM完全就绪时就可以访问,这意味着所有元素对脚本来说是可访问的,但并不意味着关 联文件已下载完成简单的事件$(document) 阅读全文
posted @ 2012-12-14 14:23 piuba 阅读(241) 评论(0) 推荐(0)
关于Jquery的parent和parents
摘要：关于Jquery的parent和parentsparent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：<div id='div1'><div id='div2'><p></p></div><div id='div3' class='a' 阅读全文
posted @ 2012-12-13 11:32 piuba 阅读(292) 评论(0) 推荐(0)
jquery validate.js表单验证的基本用法入门
摘要：这里转载一篇前辈写的文章，在我自己的理解上修改了一下，仅作记录。先贴一个国内某大公司的代码：<script type="text/javascript"> function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', 'ls_login_password': '请输入您的登录密码', 'ls_password_length': ' 阅读全文
posted @ 2012-12-04 11:20 piuba 阅读(397) 评论(0) 推荐(0)
JQuery扩展插件Validate—6radio、checkbox、select的验证位置显示
摘要：radio、checkbox、select的验证其实方法与前面提到没有太大的区别，但问题是错误信息会显示在同一组的第一个元素后面，效果如下所示：解决这个问题的办法是将错误信息指定到一个特定的位置，validate()方法的参数中可以进行自定义，示例代码如下:View Code <script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMetho 阅读全文
posted @ 2012-12-04 11:10 piuba 阅读(418) 评论(0) 推荐(0)
jQuery 插件精选
摘要：1.Tiny Scrollbar下载地址：jquery.tinyscrollbar.js 阅读全文
posted @ 2012-11-30 11:10 piuba 阅读(237) 评论(0) 推荐(0)

1 2 下一页