5.26-jQuery

• 写jquery的方式
• 方法1：$(document).ready(function(){  // 在这里写你的代码...});
• 方法2：$(function(){  //在这里写你的代码...});
• ————————————————————————
• 基本选择器：
• id选择器 ———— $("#div").css("color","red");
• 
  
• class选择器 ———— $(".div").css("color","red");
• 
  
• 标签选择器 ———— $("li").eq(0).css("backgroundColor","red"); ———— 通过eq(0)来选择具体哪个
• 
  
• 通配符选择器 ———— $("*").css("color","red");
• 
  
• 分组选择器 ———— $("div,ul").css("color","red");
• ————————————————————————
• 层次选择器：
• 包含选择器 ———— $("#div ul").css("color","red");
• 
  
• 子对象选择器 ———— $("#div>ul").css("color","red");
• 
  
• + 选择器 ———— $("#div+ul").css("color","red"); ———— 紧跟上一个元素的元素
• 
  
• 元素~元素选择器 ———— $("#div~ul").css("color","red");
• ————————————————————————
/
• 事件：
• on()绑定事件 ———— $("button").on("click",function(){ 代码 });
• off()解绑事件 ———— $("button").on("click",function(){ $(this).off("click"); });
• one() 绑定事件 只绑一次
• hover 事件合成 ———— $("#notMe").hover(function(){ 代码 },function(){ 代码 });
• toggle 事件切换
• ————————————————————————
/
• 动画：
• hide(时间) —— 隐藏
• $("button").eq(0).click(function(){
• $("#first").hide(3000);});
• 
  
• show(时间) —— 显示
• 
  
• toggle 点一下隐藏再点一下显示 如果显示 点击则隐藏否则显示
• $("button").eq(0).click(function(){
• $("#first").toggle(3000);});
• 
  
• slideDown 下滑
• slideUp 上拉
• slideToggle 点一下隐藏再点一下显示 如果显示 点击则隐藏否则显示
• 
  
• fadeIn
• fadeOut
• fadeToggle
• fadeTo
• 
  
• animate({"属性名":属性值,"属性名":属性值..})
• stop()
• 
  
• 其他方法：
• index() 指定在集合中的索引
• siblings() 其它的兄弟元素
• 
  
• 定时跳转：setTimeout(function(){location.href="xx";},3000);

上一篇：5.24-正则表达式

下一篇：5.28-jquery节点操作