JQuery事件
什么是事件处理程序?
事件处理程序指的是当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()从被选元素中删除子元素
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· Qt个人项目总结 —— MySQL数据库查询与断言