js进阶 12-7 如何知道你是从哪个元素移动到当前元素与事件调用时如何添加额外数据

【js进阶 12-7 如何知道你是从哪个元素移动到当前元素与事件调用时如何添加额外数据】的更多相关文章

js进阶 12-7 如何知道你是从哪个元素移动到当前元素与事件调用时如何添加额外数据

js进阶 12-7 如何知道你是从哪个元素移动到当前元素与事件调用时如何添加额外数据一.总结一句话总结:event的relatedTarget属性和data属性. 1.如何知道你是从哪个元素移动到当前元素? event.relatedTarget 29 //event.relatedTarget 获取移入移出目标点离开或进入的那个 DOM 元素 30 $('div').mouseover(function(e){ 31 alert(e.relatedTarget) 32 }) 33 $('d…

js进阶 12 jquery事件汇总

js进阶 12 jquery事件汇总一.常用事件页面载入事件 ready() 文档就绪事件(当 HTML 文档就绪可用时) 鼠标事件 click() 触发.或将函数绑定到指定元素的 click 事件 dblclick() 当双击元素时,会发生 dblclick 事件. mousedown()/mouseup() 鼠标的按下和松开事件 mouseover()/mouseout() 鼠标的移入和移出事件 mouseenter()/mouseleave() 鼠标的移入和移出事件 mouseout(…

js进阶 13-11/12 jquery如何实现折叠导航

js进阶 13-11/12 jquery如何实现折叠导航一.总结一句话总结:还是用的slideToggle滑动效果,并且这一个展开时,所有兄弟都关闭. 1.文字缩进怎么设置? 感觉设置margin和padding都行,其实也可以设置text-indent 14 text-indent: 2em; font-weight: normal; 2.二级菜单除第一个之外全部隐藏怎么写? 用not方法,不选第一个 $('.nav>ul:not(:first)').hide() 二.jquery如何实现…

js进阶 10-11/12 表单伪类选择器的作用

js进阶 10-11 表单伪类选择器的作用一.总结一句话总结:能想到用伪类选择器来解决问题.如果能一次记住自然是最棒的. 1.表单伪类选择器分为哪两类? 表单元素和表单属性,表单元素例如input,表单属性例如disabled 2.表单属性伪类选择器有哪四种(重要)? 可用的,不可用的,下拉列表选择的,单选复选选中的(就是我一直弄的那个功能) 表单属性伪类选择器 :enabled选择所有可用input元素 :disabled所有禁用的input元素 :selected选择所有被选中的opt…

2. web前端开发分享-css,js进阶篇

一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式.如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距.结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的.大多数初学者由于对技术的不自信,html结构往往…

[.net 面向对象程序设计进阶] (12) 序列化(Serialization)(四) 快速掌握JSON的序列化和反序列化

[.net 面向对象程序设计进阶] (12) 序列化(Serialization)(四) 快速掌握JSON的序列化和反序列化本节导读: 介绍JSON的结构,在JS中的使用.重点说明JSON如何在.NET中快带序列化和反序列化.最后介绍在使用.NET序列化JSON过程中的注意事项. 读前必备: A.泛型 [.net 面向对象编程基础] (18) 泛型 B.LINQ使用 [.net 面向对象编程基础] (20) LINQ使用 1. 关于JSON JSON的全称是”JavaScrip…

【 D3.js 进阶系列 — 6.1 】缩放的应用（Zoom）

缩放(Zoom)是另一种重要的可视化操作,主要是使用鼠标的滚轮进行. 1. zoom 的定义缩放是由 d3.behavior.zoom() 定义的. var zoom = d3.behavior.zoom() .scaleExtent([1, 10]) .on("zoom", zoomed); function zoomed() { circles_group.attr("transform", "translate(" + d3.event.…

web前端开发分享-css,js进阶篇

一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式.如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距.结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的.大多数初学者由于对技术的不自信,htm…

【 D3.js 进阶系列 — 4.0 】绘制箭头

转自:http://www.ourd3js.com/wordpress/?p=660 [ D3.js 进阶系列 — 4.0 ] 绘制箭头发表于2014/12/08 在 SVG 绘制区域中作图,在绘制直线和曲线时,常需要在某处添加箭头.本文介绍如何在 D3 中给直线和曲线添加箭头. 到目前为止,我们绘制 D3 的图表都是在 SVG 绘制区域内,虽然 D3 也可用 Canvas 或 WebGL 等作图,但 SVG 是最常用的.那么,用 D3 来绘制箭头,先要明白在 SVG 中是怎么绘制的. 1.…

js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）

js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提交了密码. 1.load函数的三个参数分别是什么? 都有一个参数是方法完成时的执行函数,第二个参数是传递到后台的数据,第一个参数是url .load()从服务器加载数据,然后把返回到HTML放入匹配元素. 语法:load(url,data,function(response,status,xhr))…

js进阶 12-15 jquery如何实现点击button显示列表，点击其它位置隐藏列表

js进阶 12-15 jquery如何实现点击button显示列表,点击其它位置隐藏列表一.总结一句话总结:在button中阻止事件冒泡. 1.如何咋button中阻止事件冒泡(两种方法)? event.stopPropagation()和return false 31 $("#btn").click(function(){ 32 // alert('#btn') 33 $('ul').show() 34 //event.stopPropagation() 35 return fa…

js进阶 11-24 jquery如何实现选项卡的制作

js进阶 11-24 jquery如何实现选项卡的制作一.总结一句话总结:ul>li做选项卡的选项卡头,多个div做选项卡的内容,点到对应的li,就切换到对应的div,用index()获取li索引,与div联系. 1.如何获取一个元素所在父亲中同类孩子的索引? index()方法 53 $('#content div').eq($li.index(this)).show().siblings().hide() 2.如何选择除自己之外的所有同级? 没必要用not()方法,用siblings()…

js进阶正则表达式5几个小实例（原样匹配的字符在正则中原样输出）（取反^）

js进阶正则表达式5几个小实例(原样匹配的字符在正则中原样输出)(取反^) 一.总结原样匹配的字符在正则中原样输出:var reg4=/第[1-2][0-9]章/g //10-29 取反^:var reg1=/[^0-9]/g 二.js进阶正则表达式5几个小实例 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>…

js进阶正则表达式15验证身份证号（|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/）（str的方法substr）

js进阶正则表达式15验证身份证号(|符号的使用:var reg=/^\d{17}[\d|X]$|^\d{15}$/)(str的方法substr) 一.总结 1.|符号的使用:var reg=/^\d{17}[\d|X]$|^\d{15}$/ //2.|运算符的使用 3.末尾位的选择这里用的中括号而不是小括号 4.因为是选择,这个结束符是两个 2.str的方法substr的使用 var data=str.substr(6,4)+'年'+str.substr(10,2)+'月'+str.subs…

Node.js V0.12 新特性之性能优化

v0.12悠长的开发周期(已经过去九个月了,并且还在继续,是有史以来最长的一次)让核心团队和贡献者们有充分的机会对性能做一些优化. 本文会介绍其中最值得注意的几个. http://www.infoq.com/cn/articles/nodejs-v012-optimize-performance?utm_source=infoq&utm_medium=related_content_link&utm_campaign=relatedContent_articles_clk Node.js和…

【译】 Node.js v0.12的新特性 -- 性能优化

原文: https://strongloop.com/strongblog/performance-node-js-v-0-12-whats-new/ January 21, 2014/in Community, Node.js v0.12, StrongNode /by Ben Noordhuis 本文地址:http://www.cnblogs.com/jasonxuli/p/4536695.html Node.js v0.12版本如此长的研发周期(9个月并且还在继续,目前为止最长的)使得核心…

【译】 Node.js v0.12的新特性 -- Cluster模式采用Round-Robin负载均衡

原文:https://strongloop.com/strongblog/whats-new-in-node-js-v0-12-cluster-round-robin-load-balancing 本文地址:http://www.cnblogs.com/jasonxuli/p/4522134.html Node.js v0.12的新特性 -- Cluster采用轮询调度算法来进行负载均衡 November 19, 2013 by Ben Noordhuis 欢迎来到由Node的核心提交者 Ben…

【 D3.js 进阶系列】进阶总结

进阶系列的文章从去年10月开始写的,晃眼又是4个多月了,想在年前总结一下. 首先恭祝大家新年快乐.今年是羊年吧.前段时间和朋友聊天,聊到十二生肖里为什么没猫,我张口就道:不是因为十二生肖开会的时候猫迟到了吗? 呵呵,不知道这是谁给我灌输的观点.o(>﹏<)o 进阶系列的文章分为两部分,文章前括号里写有: [D3.js 进阶系列] [D3.js 选择集与数据详解] 虽然称之为"进阶",但并不是说一定要看完"入门"才能看.由于本人能力有限,不能很好地整理成由…

Node.js V0.12新特性之性能优化

v0.12悠长的开发周期(已经过去九个月了,并且还在继续,是有史以来最长的一次)让核心团队和贡献者们有充分的机会对性能做一些优化.本文会介绍其中最值得注意的几个. 支持塞住模式的可写流现在可写流可以支持“塞住(corked)”模式,类似于你执行man tcp时见到的socket选项TCP_CORK和TCP_NOPUSH. 当被塞住时,写到流中的数据会排队直到流被重新开塞(uncorked).这样Node.js可以将比较小的写操作合并成比较大的,从而减少系统调用和TCP往返. http模块已…

【 D3.js 进阶系列 — 2.1 】力学图的事件 + 顶点的固定

本章讨论在力学图中经常使用到的事件( Event ),然后对[p=555">进阶 - 第 2.0 章]的人物关系图进行改进.使用户可以固定拖拽的对象. 在[入门 - 第 9.2 章]和[进阶 - 第 2.0 章]中,都用到了下面代码: force.on("tick", function(){ }); 这里的 force 是之前代码中定义的布局( Layout ).tick 表示当运动进行中每更新一帧时. 这是力学图中最常使用的事件,用于设定力学图每一帧是怎样更新的.除此…

JS 进阶知识点及常考面试题

将会学习到一些原理相关的知识,不会解释涉及到的知识点的作用及用法,如果大家对于这些内容还不怎么熟悉,推荐先去学习相关的知识点内容再来学习原理知识. 手写 call.apply 及 bind 函数涉及面试题:call.apply 及 bind 函数内部实现是怎么样的? 首先从以下几点来考虑如何实现这几个函数不传入第一个参数,那么上下文默认为 window 改变了 this 指向,让新的对象可以执行该函数,并能接受参数那么我们先来实现 call Function.prototype.myCal…

JS进阶1

一表格案例二 onchange事件(二级联动) 三 onmouse事件四事件委派五作用域链一表格案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button class="select…

Node.js 0.12: 正确发送HTTP POST请求

Node.js 0.12: 正确发送HTTP POST请求本文针对版本:Node.js 0.12.4 之前写过一篇Node.js发送和接收HTTP的GET请求的文章,今天再写一篇,讲发送POST的请求,当然,也是不借助任何外力,使用Node.js原生Module. 发送POST请求,相比GET会有些蛋疼,因为Node.js(目前0.12.4)现在还没有直接发送POST请求的封装.发送GET的话,使用http.get可以直接传一个字符串作为URL,而http.get方法就是封装原始的http.r…

js进阶---12-11、jquery如何给动态创建出来的元素绑定事件

js进阶---12-11.jquery如何给动态创建出来的元素绑定事件一.总结一句话总结:通过事件委托的方式,通过on方法 1.on方法在事件绑定的时候,data方式带额外参数时,字符串参数和其它参数的使用不一样,为什么? 因为字符串参数默认会被当成动态生成元素的事件绑定方法,所以需要在前面添加参数null. 64 $('#btn1').on('click',null,'div',function(e){ 65 alert('事件绑定'+e.data) 66 }) 对比一下额外参数的json…

js进阶---12-12、jquery事件委托怎么使用

js进阶---12-12.jquery事件委托怎么使用一.总结一句话总结:通过on方法(事件委托),给要绑定事件的元素的祖先绑定事件,从而达到效果. 1.事件委托是什么? 通过事件冒泡,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行处理. //使用事件委托,只在table上绑定一次事件 //可以动态绑定事件 $('table').on('click','td',function(){ //$(this).css('background','orange') alert('clic…

js进阶---12-10、jquery绑定事件和解绑事件是什么

js进阶---12-10.jquery绑定事件和解绑事件是什么一.总结一句话总结:on和off. 1.jquery如何给元素绑定事件? on方法 22 $('#btn1').on('click',function(){ 23 alert('事件绑定') 24 }) 2.如何给元素绑定多个事件(两种方法)? json对象on方法直接添加多个 22 $('#btn1').on('click',function(){ 23 alert('事件绑定') 24 }) 25 //绑定多个事件 26 $(…

Node.js进阶篇-koa、钩子函数、websocket、嵌入式开发

代码地址如下:http://www.demodashi.com/demo/12932.html 一.简介 koa是由Express原班人马打造的,致力于成为一个更小.更富有表现力.更健壮的Web框架,Koa不定制路由,无冗余的中间件,开发设计方案趋向定制化,所以很适合对业务和技术有灵活要求的web场景. 二.应用由于restful.加解密.跨域.参数解析.中间件等比较基础,且文档丰富,本小节将直接跳过,侧重于分享以下几点: 1.路由转发时,如何利用钩子函数机制做到control…

python进阶12 Redis

python进阶12 Redis 一.概念 #redis是一种nosql(not only sql)数据库,他的数据是保存在内存中,同时redis可以定时把内存数据同步到磁盘,即可以将数据持久化,还提供了多个语言的API,操作比较方便 #关系型数据库和非关系型数据库的区别 #关系型数据库:表和表之间存在的关系 #非关系型数据库:不存在表的这种概念,redis是键值对数据库,通过key查找value 所以key是唯一的:优点,速度快原因是将数据保存在内存中安装Redis sudo apt-get…

js进阶 14 jquery的ajax有哪些函数和事件（多练）

js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这8个板块. 二.jquery的ajax有哪些函数和事件 JAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新.如果没有jQuery,AJAX编程还是有些难度的.通过jQuery AJAX方法,能够使用HTTP Get和HTTP Post 从远程服务器上请求文本.HTML…

js进阶 14-9 ajax事件有哪些

js进阶 14-9 ajax事件有哪些一.总结一句话总结:ajax开始时事件.发送时事件,请求完成时事件,请求成功时事件,请求结束时事件,请求错误时事件事件. 1.ajax事件的监听对象是谁? 都是document对象 21 $(document).ajaxStart(function(){ 22 alert('ajaxStart() AJAX 请求开始时执行函数') 23 }) 24 $(document).ajaxComplete(function(){ 25 alert('ajaxCo…