JQuery经典案例
文章平均质量分 76
一些小DEMO
郭晓湉
代码小民工
展开
-
jQuery动画效果-slideUp slideDown上下滑动
*{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ te原创 2013-04-16 20:42:42 · 3230 阅读 · 0 评论 -
jQuery动画效果-fadeIn fadeOut淡入浅出
*{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ te原创 2013-04-16 20:43:27 · 3145 阅读 · 1 评论 -
利用jquery实现表单验证
$(function(){ $(":input.required").each(function(){ var $required = $("*"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断鼠标离开了谁 if($(this).i原创 2013-04-16 20:48:14 · 3016 阅读 · 1 评论 -
用jquery统计子菜单的条数(demo)
Tabs /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */ body,b原创 2013-10-17 11:17:18 · 2597 阅读 · 0 评论 -
jQuery ajax应用
Ajax的优势:1,宗旨:按需请求数据 减轻服务器的带宽,2,无刷新请求,提高web性能,例如表单验证: 1,jQuery的ajax操作jQuery封装ajax操作,通常有这几种方式:jQuery.ajax()$.get()$.post() Load() (1)load() 请求的是一个静态数据文件1,url,ajax请求的地址2,原创 2013-10-12 14:37:44 · 2690 阅读 · 0 评论 -
input输入什么div图层显示什么
.ppp{ width:600px; height:300px; background-color:pink; } $("document").ready(function(){ $("#ttt").keyup(原创 2014-06-13 15:20:22 · 2260 阅读 · 1 评论