我们想要页面实现交互功能,就需要使用jquery的一些事件。通过监听某个DOM元素,当它的事件被触发时就会执行事先写好的function。jquery有许多事件,最常见的就是单击事件了。我们经常可以在页面中点击某个按钮后,会产生一些操作。jquery很轻松就可以做到,首先我们选择按钮,然后通过on方法给按钮添加事件,以及事件处理函数。代码如下:
$("button").on("click",function(){
//run this function on click
})这里会给所有的button都添加一个单击事件,当我们新添加一个按钮时,我们并不想要有这样的功能,所以我们需要该成在指定的地方的按钮才有这样的功能,代码可以该成如下:
$("#destination").on("click","button",function(){
//run this function on click the button in #destination
})
有时我们需要移除或在某些地方添加元素,可是页面有多个相同的元素或使用了相同的类,这时我们需要使用$(this)来指代当前对象,这与java中的this使用类似。有时候我们需要快速定位最接近的匹配元素,这是可以使用closest()方法。另外有时我们想要在元素中添加数据属性,这是jquery中可以使用data-fieldName来保存数据,然后获取数据时使用data("fieldName")来获得数据。
分享到:
相关推荐
我的SAP BW成长学习笔记之6 SAP BW
最近一年的C++学习笔记,分享出来,文件已加密压缩,下载前请提前联系我!
Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习...
CCNA学习笔记 CCNA学习笔记 CCNA学习笔记
希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf
PHP个人学习笔记
Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Springcloud学习笔记.md,Spring...
ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1 ssh学习笔记1
springcloudalibaba学习笔记
cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记
2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip...
Spring6学习笔记,师承老杜
Contiki学习笔记:进程、事件、etimer关系 Contiki 实例: Contiki学习笔记:创建两个交互进程 Contiki 主函数剖析: Contiki学习笔记:main函数剖析 Contiki学习笔记:启动一个进程process_start Contiki学习笔记...
人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能...
Learning hard C# 学习笔记
docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,...
nginx学习笔记(软件+学习笔记) 仅供学习交流! 后续会持续分享相关资源,记得关注哦! nginx学习笔记(软件+学习笔记) 仅供学习交流! 后续会持续分享相关资源,记得关注哦! nginx学习笔记(软件+学习笔记) ...
go语言学习经典数据,雨痕,go语言学习笔记 第四版 pdf版本
我的学习笔记大全我的学习笔记大全我的学习笔记大全我的学习笔记大全
正则表达式学习笔记 微信小程序学习笔记 前端部署相关笔记 前端UI库使用记录笔记 前端JS工具库使用笔记 Webpack学习笔记 Vue笔记整合 UmiJS笔记 TypeScrip笔记 Scss笔记 React笔记 ReactHooks笔记 Promise学习笔记 ...