`
one_way
  • 浏览: 15946 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

学习笔记6

阅读更多
我们想要页面实现交互功能,就需要使用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成长学习笔记之6 SAP BW

    c++学习笔记6

    最近一年的C++学习笔记,分享出来,文件已加密压缩,下载前请提前联系我!

    Java学习笔记学习笔记

    Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习笔记Java学习...

    CCNA学习笔记 CCNA学习笔记

    CCNA学习笔记 CCNA学习笔记 CCNA学习笔记

    希沃白板学习笔记.pdf

    希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf希沃白板学习笔记.pdf

    PHP个人学习笔记

    PHP个人学习笔记

    Springcloud学习笔记.md

    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 ssh学习笔记1 ssh学习笔记1

    springcloudalibaba学习笔记

    springcloudalibaba学习笔记

    cad12学习笔记

    cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记cad12学习笔记

    Spring6学习笔记

    Spring6学习笔记,师承老杜

    contiki 学习笔记

    Contiki学习笔记:进程、事件、etimer关系 Contiki 实例: Contiki学习笔记:创建两个交互进程 Contiki 主函数剖析: Contiki学习笔记:main函数剖析 Contiki学习笔记:启动一个进程process_start Contiki学习笔记...

    人工智能学习笔记,人工智能学习笔记

    人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能学习笔记人工智能学习笔记,人工智能学习笔记,人工智能...

    Learning hard C# 学习笔记

    Learning hard C# 学习笔记

    docker学习笔记.md

    docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,docker学习笔记,...

    nginx学习笔记(软件+学习笔记)

    nginx学习笔记(软件+学习笔记) 仅供学习交流! 后续会持续分享相关资源,记得关注哦! nginx学习笔记(软件+学习笔记) 仅供学习交流! 后续会持续分享相关资源,记得关注哦! nginx学习笔记(软件+学习笔记) ...

    go语言学习笔记

    go语言学习经典数据,雨痕,go语言学习笔记 第四版 pdf版本

    Friends学习笔记全集上

    《Friends学习笔记全集上》是一份非常珍贵的资源,专为那些希望通过观看经典美剧《Friends》(老友记)来提升英语水平的学习者所准备。这份笔记集合了第一部分的内容,涵盖了每一集的详细解读,包括剧本、字幕翻译...

    我的学习笔记大全--我的学习笔记大全

    我的学习笔记大全我的学习笔记大全我的学习笔记大全我的学习笔记大全

    2022吴恩达机器学习笔记汇总(共10章节).zip

    2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip2022吴恩达机器学习笔记汇总(共10章节).zip...

Global site tag (gtag.js) - Google Analytics