JQuery 事件器的介绍
2024-09-14 03:47:03
基本用法
$(元素). 事件( 事件属性);
常见事件
示例 | 说明 |
$(selector).click() | 被选元素的点击事件 |
$(selector).dblclick() | 被选元素的双击事件 |
$(selector).focus() | 被选元素的获得焦点事件 |
$(selector).mouseover() | 被选元素的鼠标悬停事件 |
$(selector).css(); | 被选元素的CSS事件 |
$(selector). hide(); | 被选元素的隐藏事件 |
$(selector). show('slow'); | 被选元素的显示事件 |
Dom节点操作
$('a').addClass('red') //为所有<a>增加class='red'
$('a').removeClass('red') //为所有<a>去掉class='red'
$('li').append('BB!') //为<li>增加'BB!',等价于js innerHTML="BB!"
执行事件
//hover是在执行完第一个函数后再执行第二个
$('p').hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
});
//toggle第一次点击执行第一个函数,再点击执行第二个
$('p').toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
最新文章
- HTML DOM 事件
- composer 的使用
- IOS8下,百度地图无法定位解决办法
- iframe 内显示的网页 只显示改网页的某一部分!
- node.js事件触发
- ShowMessage和MessageDlg消息对话框(VCL)
- Word和Windows有严重的bug这样下去微软堪忧
- 【EF Code First】 一对多、多对多的多重关系配置
- HDU 1016 Prime Ring Problem (素数筛+DFS)
- 经常使用ARM汇编指令
- css中常用的标签
- POJ 1322 Chocolate
- LightOJ 1234 Harmonic Number 调和级数部分和
- 2-学习GPRS_Air202(Air202开发板介绍和下载第一个程序)
- 关于 Duplicate detection rules 自动 unpublish 的问题
- 2018-2019-2 网络对抗技术 20162329 Exp6 信息搜集与漏洞扫描
- HTML 5 Web 本地存储
- Codeforces E - Connected Components?
- oracle数据泵备份(Expdp命令)
- jsp文件中charset和pageEncoding的区别