什么是事件处理程序?
事件处理程序指的是当Html中发生其他事件时所调用的方法。
实例:
在元素上移动鼠标
选取单选按钮
点击元素
常见的DOM事件:
鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
click | keypress | submit | load |
dblclick | keydom | change | resize |
mouseenter | keyup | focus | scrill |
mouseleave | blur | unkoad |
click() 当按钮点击事件被触发时会调用一个函数
dblclick() 当双击元素时,会发生dblclick事件
mouseenter() 当鼠标指针穿过元素时,会发生触发
mouseleave() 当鼠标指针离开元素时,会发生触发
mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时触发
mouseup() 当元素上松开鼠标按钮时,会发生触发
hover() 当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter),当鼠标移出这个元素时,会触发指定的第二个函数
focus() 当通过鼠标点击选中元素或通过tab键定位到元素时,
blur() 当元素失去焦点时,发生blur事件
JQuery Hide()和Show()
通过JQuery,你可以使用hide()和show()方法来隐藏和显示HTML元素
语法:
$(selector).hide(.show)(speed,callback);
可选speed参数规定隐藏/显示的速度,可以取以下值:“slow”,“fast”或毫秒
可选的callback参数是隐藏或显示完成后所执行的函数名称
Jquery toggle()
显示被隐藏的元素,并隐藏已显示的元素
获得内容 text(),html()以及val();
text()——设置返回所选元素的文本内容;
html()——设置或返回所选元素的内容(包括HTML标记)
val()——设置或返回表单字段的值
获取属性 attr()
alert("text:"+$("#text").text());
jQuery——添加元素
append()——在被选元素的结局插入内容
prepend()——在被选元素的开头插入内容
after()——在被选元素之后插入内容
before()——在被选元素之前插入内容
通过append()和prepend()方法添加若干新元素
jQuery after()和before()方法
after()方法再被选元素之后插入内容
before()方法在被选元素之前插入文本
jQuery 删除元素
remove()删除被选元素(及其子元素),括号写着过滤的元素
empty()从被选元素中删除子元素