随笔分类 - JQuery
摘要:这两天碰到的问题,IE6下某个js生成的a节点,设置了href="javascript:;",点击时触一个ajax请求,但在IE6下就是无法执行succese里的内容,所以就用setTimeout设置了个延时执行暂且可以解决问题。后来同事(感谢勇哥和赵美人的大力支持~)用fiddler查看时提示请求...
阅读全文
摘要:纯粹记录下几种用法:jquerygrep()筛选遍历数组$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in fil...
阅读全文
摘要:jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize()方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例:$.ajax({ type: "POST", url: ajaxCallUrl, data: "Key=Value&Key2=Value2", success: func
阅读全文
摘要:截图:(如果你想换成星星,直接修改样式就可以了,提示的描述跟分数都是在插件里设置)demo:猛击这里代码有多简单就不说了,本来是找的插件,最后发现一个一个筛选也没找着符合需求的,还是自己硬着头皮动手。写得比较糙,结构上可能不是特别灵活,样式都在demo里/*** aLi: 设置星星或等级的对象 aMsg: 设置提示描述 hinText: 设置显示描述的对象 val: 设置分数 valContent: 设置获取分数或结果的对象 调用方法: $('.num-rate').rating({ aLi: '.num-rate li', oUl:'...
阅读全文
摘要:很多公司到了年底都会做一些抽奖活动来刺激、吸引、粘住客户,比如抽奖转盘活动。前几天用一个jqueryRotate插件实现了转盘的效果。比起那些很炫丽的flash是稍逊点,但也基本实现了需求效果图:(也可以看线上的效果:http://www.mbabycare.com/course/lottery):实现这个其实蛮简单的,转动的效果用的jqueryRotate插件,所以只要判断每个奖荐对应的角度,然后设置指针的转动角度就可以了。比如关键的是jqueryRotate这个插件的用法。jqueryRotate的资料:支持Internet Explorer 6.0+ 、Firefox 2.0 、Safa
阅读全文
摘要:看名字应该知道是干嘛用了吧。一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能。官网:http://xoxco.com/projects/code/tagsinput/截图:(下面是翻译了官网上的用法,英文不是很好,有能力的尽量看官网吧)首先,引用下面两个文件<script src="jquery.tagsinput.js"></script><link rel="stylesheet" type="text/cs
阅读全文
摘要:基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。要求使用jquery1.4或以上版本,flash player 9.0.24以上。有两个版本,一个用flash,一个是html5。html5的需要付费~所以这里只说flash版本的用法。官网:http://www.uploadify.com/控件截图:用法:首先引用下面的文件<link rel="stylesheet" type="text/css" href="uploadify.css"><script t
阅读全文
摘要:jquery validate是一个基于jquery开发的验证框架,调用和扩展都很方便官网:http://bassistance.de/jquery-plugins/jquery-plugin-validation名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rules)返回:Options删除验证规则remov
阅读全文
摘要:用jquery模拟一淘上面的搜索下拉的功能,利用css3做箭头的动画效果。JS代码:/* * 模拟搜索下拉select * 默认调用方式:$(el).setSelect({ * optionList: [], //这里是下拉的选项,如['aa','bb']* hiddenInput: '#optionHidden', //隐藏的input获取选中后的值,供表单提交时传值* getOption: '#sOptionBtn',* callback: function(option){}* }) **/(function ($) { $
阅读全文
摘要:$(window).scroll(function(){ var clientHeight = $(window).height(), scrollTop = $(window).scrollTop(), scrollHeight = $(document).height(); if(clientHeight + scrollTop >= scrollHeight ){ waterfall.addBlocks(); } })
阅读全文
摘要:本来是自己写了一个的,然后发现这个的扩展性比我写的要方便,所以就借花献佛啦~~原出自找不到了<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="http://www.liehuo.net/uploads/common/js/jquery-1.4.2.min.js"></script>&
阅读全文
摘要:由于项目需求,简单地写了一个input默认值设置<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>input默认值设置</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script typ
阅读全文
摘要:jqPlot是一个灰常强大的图表工具,曲线,柱状,饼图,应该有尽有,更要命的是,调用方便~~官网:http://www.jqplot.com/这里贡献上中文教程,基本上所有的api都很齐全,供有需要的童鞋们瞧瞧,更重要的是作为自己滴收藏~~哦耶耶~jqPlot整的来说有三个地方需要配置。格式如:$.jqplot(‘target’, data, options);target:要显示的位置。data:显示的数据。options:其它配置seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", &q
阅读全文
摘要:用jquery封装了一个控制图片左右滚动的插件:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>slide</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><style>* { pa
阅读全文
摘要:抽空把公司项目上用的tab效果封装了一下,实在是需要用的地方太多了~~~效果图:代码:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
阅读全文
摘要:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解:条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。结果:这时,当我们点击内层的P标签
阅读全文
摘要:$(function () { /* function one_Position() { var p = $("#one_curTime"); $(window).scrollTop(p.offset().top - 150); $("#one_curTime").css("background", "red") }; function three_Position() { var p = $("#three_curTime"); $(window).scrollTop(p.offset().t
阅读全文
摘要:判断一个层是否隐藏:$("#id").css("display")=="none" ;在所有匹配的元素中,设置一个样式属性的值:$("p").css("color","red"); 把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式$("p").css({ color: "#ff0011", background: "blue" }); 如果属性名包含 &quo
阅读全文
摘要:之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架,使节点选择和DOM操作变得越来越容易,如果使用不当,有可能影响整个网页的响应速度,下面列举11个更有 效的使用jQuery库:1、总是使用#id去寻找element.在jQuery中最快的选择器是ID选择器 ($('#someid')). 这是因为它直接映射为JavaScript的getElementById()方法。选择单个元素<div id="content"> &
阅读全文
摘要:经常会看到一些文章列表,每个item只显示一两行的文字,然后点击“详细”的时候,再展开文字自己用jq写了一个~var text = $(".content").text(); var textNum = text.length; var textInt = text.slice(0,140); $(".content").each(function () { if (textNum >= 160) { $(this).html(textInt + "..." + "<a class='dis_btn
阅读全文