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