JQuery基本事件函数

1，click单击事件

2，blur失去光标事件，focus获得光标事件

3，JQuery.on()函数：为html元素绑定事件，如下代码：

$("div").on("click","p",function(){$(this).addClass("colorRed")});

点击div中的p元素，将调用function中的方法，即给当前的p段落添加类“colorRed”。该代码对不包含在div中的p元素或者任意其他非p元素无效。

4，animate()方法执行CSS属性集的自定义动画。该方法通过css样式将元素从一个状态改变为另一个状态，如下代码，将#box动画切换成高度为300px。

$("#box").animate({height:"300px"});

5，JQuery.html()方法：返回或设置被选元素的内容。注意获取或设置元素内容时，不包含自身的html标签，如下代码：

<button id="u" class="btn1">改变 p 元素的内容</button>

alert($("#u").html());

$("p").html("Hello <b>world!</b>");

获取button的内容，弹出的内容为“改变 p 元素的内容”，而不是<button>...<button>,同理在设置元素内容时，也不改变内容原有的类或者属性，只是改变其中的内容。

（在项目中，因为疏忽了这一点，导致少嵌套了一层元素，比如说以上代码，加入说本意是想获得<button>标签的，但是没有得到，导致显示效果与设计给的切图不一致，浪费了很多时间，应该是获得button的parent的html，才能够得到<button>标签。