js最后深入总结
js常用事件:
click #点击事件
hover #鼠标漂浮事件,,鼠标移到上面就触发事件
blur #失去焦点就触发事件,多用于文本框操作
focus #获得焦点就触发事件,
change #多选会用到,select
keyup和keydown #键盘组合事件
input #在textarea ,input:text,input:password,input:search里面一旦输入内容,立刻触发,实时监听
$(window).on("keyup",function(e){
if (e.keyCode===16){
flag=true;
}
})
$(window).on("keyup",function(e){
if (e.keyCode===16){
flag=flase
}
})
事件绑定:
。on(事件,【选择器】,funtion(){
})
移除事件:
。off(事件,【选择器】,funcyion(){
})
阻止后续事件的执行
1 return flase ;//常见阻止表单提交等等
注意 “hover”这种jQuery中定义的事件不能用。on的方法来绑定
页面载入:当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,,可以极大的提高web应用程序的响应速度
两种写法:
$(document)。ready(function(){
//在这里写要执行的的JS代码
})
$(function(){
//在这里写要执行的JS代码
})
事件委托:
利用事件冒泡的原理(会一级一级往上找事件 ),利用父标签取捕捉子标签的事件。
动画效果:
show(s,[e],[func]) #s代表事件,e代表
hide()#隐藏
toggle([s],[e],[fn])
滑动 :
slideDown([s],[e],[fn])
slideUp([s,[e],[fn])
slideToggle([s],[e],[fn])
淡入淡出:
fadeIn([s],[e],[fn])
fadeOut([s],[e],[fn])
fadeTo([[s],o,[e],[fn]])
fadeToggle([s,[e],[fn]])
自定义:
animate(p,[s],[e],[fn])
补充each
相当于dom中的For循环:
$(".c1").each(function(i){
$(".c1")[i] #代表里面的的每一个元素
})
也可以这么写:
li=[10,20,30,40]
$.each(li,function(i,v){
console.log(i,v)
})
可以用return flase来提前结束循环
return可以跳出本次循环
。data()
用来保存变量:
$("div").data("k",100)
.data(name,value)
$("div").data("k")
移除元素数据.。removeData("k");
最新文章
- 【代码笔记】iOS-字体抖动动画
- Android SDK安装Android4.0“冰激淋三明治”(IceCreamSandwich)教程(转载)
- Threejs 使用的3D格式
- Android Handler之Message传递参数
- POJ 1833 排列
- Microsoft JScript 运行时错误: Sys.WebForms.PageRequestManagerParserErrorException无法分析从服务器收到的消息。之所以出现此错误,
- 关于HTTP请求报文和响应报文学习笔记
- Sliverlight之 故事板
- webpack 学习心得(一)
- 查看表结构命令(mysql和oracle)
- Java学习笔记14(面向对象七:final、static)
- java字符串根据正则表达式让单词首字母大写
- iframe高度宽度自适应
- codeforce150A(简单的求质数问题)
- Hibernate学习笔记1.1(简单插入数据)
- jQuery中的函数汇总1
- Python(四)之Python流程控制(if、while、for)
- hdu-1050(贪心+模拟)
- java web 3.1-web.xml文件配置
- Mysql高并发情况下的解决方案(转)
热门文章
- js 中的apply
- [Elasticsearch2.x] 多字段搜索 (二) - 最佳字段查询及其调优 <;译>;
- JS中的数组排序函数sort()
- Python 黑客 004 用Python构建一个SSH僵尸网络 01 简介
- elasticsearch 6.2.4 安装 elasticsearch-analysis-ik 分词器 (windows 10下)
- ISIS协议
- 《Maven实战》笔记-5-pom聚合和继承
- CodeForces - 710C Magic Odd Square(奇数和幻方构造)
- 树莓派(Raspberry Pi 3) 使用wifi模块连接网络
- 在FooterTemplate内显示DropDownList控件