JavaScript Jquery

jQuery里面的$符，this.each遍历全部元素，jQuery的插件分为对象级的和类级别的，对象级的是依附于对象jquery.fn;类级别的依附于jQuery工厂对象。

jQuery的链式操作语法，所以插件必须返回一个jQuery对象。

jQuery专注于前端，客户端，操纵DOM；node.js专注于服务端

jQuery的选择器是jQuery的重中之重，核心功能。

• 基本选择器 
  • id选择器$("#divId")
  • 标签选择器$("a").css("font-size","18px");
  • CSS样式类选择器 $(".bgRed")
  • 通配符选择器$("*")
• 层次选择器
  • 后代选择器$("ul li").css("font-weight","bold"); || $("#services li").css("background",“#fff'”);后代选择器只选择所有的子元素
  • 父子选择器$("#product,#services").css("font-size","9pt");|| $("#nav>li').css("font-size","14px");父子选择器只选择其父子关联的元素，
  • 相邻选择器$("#prod1+li").css();||$("#prod1").next().css("font-size","italic");
  • 平级选择器$("#srv2~li").css("font-style","italic");||$("#srv2").nextAll().css();||$("#srv2").siblings("li").css("font-size","italic");
• 过滤选择器
  • 基本过滤器
  • • :first
    • :last
    • :odd
    • :even
    • :eq(index) lt gt
    • :header
    • :animated
    
    
  • 内容过滤器
  • 子元素过滤器
  • 表单元素过滤器
• 表单选择器
  

用jQuery来操作DOM

• 获取元素属性 attr
• 修改元素内容val text html
• 动态插入节点after before append prepend
• 动态删除节点remove empty