事件之表单事件

jQuery重点讲解知识点

1. 选择器

   1. 基础选择器 类选择器 元素选择器 ID选择器 子元素选择器 后代元素选择器
   2. 属性选择器 完美匹配 包含 前缀 开头 结尾 空格
   3. jQuery扩展选择器 eq even odd first last gt lt

2. DOM操作

   1. Class操作 addClass() removeClass() toggleClass() hasClass()
   2. 文本操作 html() text() val()
   3. 属性操作 attr() removeAttr()
   4. DOM 插入并包裹现有内容 .wrap() .unwrap() .wrapAll() .wrapInner()
   5. DOM 插入现有元素内 .append() .prepend()
   6. DOM 插入现有元素外 .after() .before()
   7. DOM 移除 .empty() .remove()
   8. DOM 替换 .replaceAll() .replaceWith()

3. CSS操作

   1. 尺寸 .css() .height()，.width() .innerHeight()，.innerWidth() .outerHeight()，.outerWidth()
   2. 位置 .offset() .position() .scrollLeft() .scrollTop()

4. 事件处理

   1. 绑定事件处理器 .on() .one() .off()

   2. 鼠标事件 .click() .hover() .mouseenter() .mouseleave() .mousemove() .mouseover() .mouseout()

   3. 表单事件

      1. .focus()
      2. .blur()
      3. .change()
      4. .submit()

5. 遍历

6. 动画

.focus()

为 JavaScript 的 "focus" 事件绑定一个获取焦点处理函数，或者触发元素上的 "focus" 事件

xxxxxxxxxx
$('#input').focus(function() {
  alert('获得焦点事件');
});

.blur()

为 "blur" 事件绑定一个失去焦点处理函数

xxxxxxxxxx
$('#other').click(function() {
  $('#target').blur();
});

.change()

为JavaScript 的 "change" 事件绑定一个表单改变处理函数

xxxxxxxxxx
$('.target').change(function() {
  alert('内容改变');
});

.submit()

当用户提交表单时，就会在这个表单元素上触发submit事件。它只能绑定在<form>元素上

xxxxxxxxxx
$('#target').submit(function() {
  alert('表单提交事件');
});

实时效果反馈

1. 下列哪个方法是获取到焦点的事件：

A focus()

B blur()

C change()

D submit()

答案

1=>A