3、jQuery事件与函数(headfirst笔记)
来源:互联网 发布:apache cloudstack 编辑:程序博客网 时间:2024/06/06 03:07
- 绑定事件
- 删除事件
- jQuery each
- 指定函数
- jQuery addClass
- jQuery removeClass
绑定事件
方法一:
$("#myElement").click( function() { alert($(this).text());});
方法二:
$("#myElement").on('click', function() { alert($(this).text());});
方法一实际上就是方法二的快捷方式,不过方法一只有当DOM已经存在时才可以使用,但是方法二就没有这个限制。
jQuery on()参考资料
删除事件
$("#myElement").off('click');
当事件用on绑定之后,可以使用off来将事件删除。
当然,如果你的事件如果运行一次之后就删除的话,完全可以用one()来绑定。
jQuery off()参考资料
jQuery each()
循环处理与选择器匹配的各个元素
$(".nav_item").each(function() { $(this).hide();});
jQuery each()参考资料
指定函数
方法一:函数声明
function myFunc1() { $("div").hide();}
方法二:函数表达式
function myFunc2 = function() { $("div").show();}
函数中声明的变量只有在该函数运行时才可用。
函数声明与函数表达式的区别在于调用的时间。函数表达式在遇到并定义这个函数之前不能使用。而函数声明则可以在页面上任意时候调用。
jQuery addClass()
向被选中的元素增加类名,但是并不移除原来已经存在的类名,如果需要添加多个类名的,需要用空格隔开。
$("#header").addClass("hover");
jQuery addClass()参考资料
jQuery removeClass()
从被选中的元素中删除一个或多个类名,如果没有参数的话,将会移除元素所有的类名
$("$header").removeClass("my_hover");
jQuery removeClass()参考资料
阅读全文
0 0
- 3、jQuery事件与函数(headfirst笔记)
- HeadFirst Jquery 学习笔记(三)
- jquery事件与函数
- HeadFirst Jquery 学习笔记之jQuery and Ajax
- jQuery中的事件与事件函数、事件处理
- jQuery中的事件与应用(学习笔记)
- jQuery 学习笔记(三)——事件与应用
- jquery事件与函数的使用介绍
- <学习笔记> jQuery 工具与事件
- HeadFirst设计模式(中文版)-阅读笔记
- 《HeadFirst 设计模式》学习笔记(一)
- Python—HeadFirst—笔记(1)
- HeadFirst设计模式学习笔记(C#版):鸭子与策略(Strategy)模式
- HeadFirst设计模式学习笔记(C#版):鸭子与策略(Strategy)模式
- HeadFirst 设计模式笔记(七)—— 适配器模式与外观模式
- onBlur事件与onfocus事件(jquery)
- HeadFirst面向对象分析与设计摘要笔记
- [HeadFirst-JSPServlet学习笔记][第一章:前言与概述]
- @TargetApi 问题
- Ubuntu下的bochsdbg安装教程
- 基础的机器学习实例,朴素贝叶斯分类
- IPC-消息队列
- 一文读懂光纤传感器
- 3、jQuery事件与函数(headfirst笔记)
- 51NOD1280 前缀后缀集合
- my bites 入门
- 橱窗的插花问题
- Spring Bean
- bzoj 1485 [HNOI2009]有趣的数列
- 【C#】图片处理(底片,黑白,锐化,柔化,浮雕,雾化)
- Android Bitmap用法大全,以后再也不担心了
- ERP小结-简答