jquery要点

Jquery

用jquery来隐藏、显示、修改结点，并触发动作，进行ajax请求

基本语法

• 通过选取 HTML 元素，并对选取的元素执行某些操作

  $(selector).action()
  

• 文档就绪事件

  $(document).ready(function(){
     // 开始写 jQuery 代码...
  });
  //为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作
  

选择器

• 元素选择器：$("p")
• id 选择器：$("#test")
• class选择器：$(".test")

jquery事件

• 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法
  • 在元素上移动鼠标
  • 选取单选按钮
  • 点击元素
• 点击事件：$("p").click();

jquery效果

• 隐藏显示

  $("p").hide();
  $("p").show();
  $("p").toggle();	//切换
  

• 淡入淡出

  fadeIn\fadeOut
  

• 滑动

  slideDown\slidwUp\slidwToggle
  

jquery HTML

• 获得内容和属性
  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标签）
  • val() - 设置或返回表单字段的值
  • attr()- 获取属性
• 添加元素
  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容
• 删除元素
  • remove() - 删除被选元素（及其子元素）
  • empty() - 从被选元素中删除子元素
• 操作CSS
  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性

ajax

• 略