1,click单击事件
2,blur失去光标事件,focus获得光标事件
3,JQuery.on()函数:为html元素绑定事件,如下代码:
1 $("div").on("click","p",function(){$(this).addClass("colorRed")});
点击div中的p元素,将调用function中的方法,即给当前的p段落添加类“colorRed”。该代码对不包含在div中的p元素或者任意其他非p元素无效。
4,animate()方法执行CSS属性集的自定义动画。该方法通过css样式将元素从一个状态改变为另一个状态,如下代码,将#box动画切换成高度为300px。
1 $("#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>标签。