JQuery扩展和事件

一、jQuery事件常用事件 ??blur([[data],fn]) ??失去焦点 ??focus([[data],fn]) ?获取焦点（ 搜索框例子） ??change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) ??click([[data],fn]) ?点击 ??dblclick([[data],fn]) 双击 ??scroll([[data],fn]) ??滚动 ??submit([[data],fn]) ??提交不常用事件 ??error([[data],fn]) ??focusin([data],fn) ??focusout([data],fn) ??keydown([[data],fn]) ??按下 ??keypress([[data],fn]) ?按键 ??keyup([[data],fn]) ????键松开 ??mousedown([[data],fn]) 鼠标按下 ??mouseenter([[data],fn]) ?鼠标移进去 ??mouseleave([[data],fn]) ?鼠标离开：只有鼠标离开被选元素的时候，才会触发mouseleave事件 ??mousemove([[data],fn]) ??鼠标移动 ??mouseout([[data],fn]) ???鼠标离开：无论鼠标离开被选元素还是任何子元素，都会触发mouseout事件 ??mouseover([[data],fn] ???鼠标悬停 ??mouseup([[data],fn]) ????鼠标弹起 ??resize([[data],fn]) ?元素窗口发生变化 ??select([[data],fn]) ??unload([[data],fn]) ??补充： ?????文档树加载完之后绑定事件（绝大多数情况下） ?????第一种：吧script放在后面。 ?????第二种： ?????$(document).ready(function(){ ????????// 绑定事件的代码 ????????.... ?????}) ?????简写： ?????$(function($){ ????????// 绑定事件的代码 ????????.... ?????});二、jQuery扩展（很重要！！）1、jQuery扩展语法把扩展的内容就可以写到xxxx.js文件了，在主文件中直接导入就行了。用法1、$.xxx() ??$.extend({ ?????"GDP": function () { ????????console.log("戴小红花"); ?????} ??}); ??- 给jQuery添加扩展 ??- $.GDP()用法2、$("").xxx() ??$.fn.extend({ ?????"BJG": function () { ????????console.log("英语八级就是好！"); ?????} ??}) ??- 给jQuery对象添加扩展 ??- $(":input").BJG()三、表格的添加 | 删除 | 编辑示例第一种：点击编辑没有模态框，是input框编辑修改第二种：点击编辑有模态框补充：- .data()- .data("key", value) 保存值，value可以是字符串，也可以是数组，也可以是jquery对象- .data("key") 获取值（没有值就返回undefined）- .removeData() 删除所有- .removeData("key") 删除key对应的value