title: jQuery基础语法
date: 2015-12-21 18:10:10
categories: jQuery基础语法
tags: jQuery
xl_echo编辑整理,欢迎转载,转载请声明文章来源。更多案例、资料请联系QQ:1280023003
jQuery
什么是jQuery?
jquery是一个js的框架,对传统的js进行了封装。现在很多企业开发中往往不会使用js开发,通常会使用js框架开发。
js的常用框架有哪些?
jQuery、ExtJS、DWR、PrototypejQuery的入口函数?
$(function(){
语句体;
});
JQ的效果操作:
- show();
- 使用一:Jq对象.show();
- 使用二:Jq对象.show(“slow”); // slow,normal,fast
- 使用三:Jq对象.show(毫秒值); // 1000
- 使用四:Jq对象.show(毫秒值,function(){});
- hide();
- 使用一:Jq对象.hide();
- 使用二:Jq对象.hide(“slow”); // slow,normal,fast
- 使用三:Jq对象.hide(毫秒值); // 1000
- 使用四:Jq对象.hide(毫秒值,function(){});
- slideDown(); –向下滑动
- 使用一:Jq对象.slideDown();
- 使用二:Jq对象.slideDown(“slow”); // slow,normal,fast
- 使用三:Jq对象.slideDown(毫秒值); // 1000
- 使用四:Jq对象.slideDown(毫秒值,function(){});
- slideUp(); –向上滑动
- 使用一:Jq对象.slideUp();
- 使用二:Jq对象.slideUp(“slow”); // slow,normal,fast
- 使用三:Jq对象.slideUp(毫秒值); // 1000
- 使用四:Jq对象.slideUp(毫秒值,function(){});
- fadeIn(); –淡入
- 使用一:Jq对象.fadeIn();
- 使用二:Jq对象.fadeIn(“slow”); // slow,normal,fast
- 使用三:Jq对象.fadeIn(毫秒值); // 1000
- 使用四:Jq对象.fadeIn(毫秒值,function(){});
- fadeOut(); –淡出
- 使用一:Jq对象.fadeOut();
- 使用二:Jq对象.fadeOut(“slow”); // slow,normal,fast
- 使用三:Jq对象.fadeOut(毫秒值); // 1000
- 使用四:Jq对象.fadeOut(毫秒值,function(){});
- animate(); –自定义动画
- toggle(); –单击切换函数
- Jq对象.toggle(fn1,fn2…);单击第一下的时候执行fn1,单击第二下执行fn2…
基本选择器
- id选择器:$(“#id”)
- 类选择器:$(“.class”)
- 元素选择器:$(“element”)
- 通配符选择器:$(” * “)
- 并列选择器:$(“.class, #id, element……”)
层级选择器
- 后代选择器:$(“body div”);
- 子元素选择器:$(“body > div”);
- 下一个元素:$(“#div + div”);
- 兄弟元素:$(“#div 波浪符 div”)
基本过滤器
- :first()
- :last()
- even()
- odd()
- eq(index)