jQuery基础语法

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、Prototype

• jQuery的入口函数？
  $(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)