
jQuery
Lawliet_ZMZ
ACMERandNODER
展开
-
on()的多事件绑定
针对自己处理机制中,不仅有on方法,还有根据on演变出来的live方法(1.7后去掉了),delegate方法等等。这些方法的底层实现部分 还是on方法,这是利用了on的另一个事件机制委托的机制衍变而来的委托机制.on( events ,[ selector ] ,[ data ], handler(eventObject) )在on的第二参数中提供了一个selector选择器原创 2017-09-09 00:32:19 · 339 阅读 · 0 评论 -
实践解决跨域问题的三种方式剖析
最近在做我星际schub网站的时候,遇到了跨域问题,我先把后端node部署在了服务器上,然后在本地lockhost测试,出现了问题: 浏览器都提示我们使用这个header头:解决办法: 1. 服务器设置响应头:response.setHeader("Access-Control-Allow-Origin", "*")f原创 2018-07-12 21:37:17 · 9061 阅读 · 0 评论 -
jQuery ready方法实现
很早之前就留下了这个问题,赶上五一放假,好好研究总结一下吧。首先jq中ready方法和window的onload方法的不同这里再提一下,首先ready只是dom树加载完毕,一些img等资源可能还没加载完成,而onload则是全部加载成功。而且ready方法可以有多个,而onload只能写一个。还有一个区别是什么了,想起来补上。一般让我们手写模拟一个jq的ready方法,我大多都是这样写:...原创 2018-04-30 03:28:34 · 3294 阅读 · 0 评论 -
jQuery 中与Ajax相关的API
注意1.8版本弃用了$.load()函数。使用getJSON()方法异步加载JSON格式数据使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])其中,u...原创 2018-02-12 13:16:07 · 489 阅读 · 0 评论 -
课堂答问轮盘抽奖系统
用到了HTML5,CSS3,JavaScript,jQuery……杜老师想让课堂变得有趣,想让学生帮他做个轮盘抽奖的,那么最近搞了下JS前端,就自告奋勇接下这个任务了。一些特效是参考了大神的JS代码,比如轮盘的底层实现,弹出框3D旋转的特效,当然经过我自己看了源码加工了的。做这个东西%50的时间都用在做图和一些其他素材的制作上了…..我有点强迫症和选择困难症,每次都是一点点改px和素材大小,想原创 2017-09-24 18:35:53 · 1331 阅读 · 0 评论 -
Node+AJAX+MongoDB 小小留言页
实现:1.表单的提交2.和Mongdo的交互,增删查分页功能3.前端全部留言的显示是用underscore的template模版动态增加4.分页样式用了bootstrap5.主要是AJAX和后台Node的交互,Node和数据库的交互这里AJAX发出请求,Node后台这里捕获到了参数,跟数据库发生交互操作,然后以json形式发送原创 2017-11-25 19:01:34 · 1153 阅读 · 0 评论 -
JS选择器querySelector和~All,三个原生选择器
比较高级的万能选择器,比较常用定义:querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。语法document.querySelector(CSS selectors)原创 2017-09-28 00:25:50 · 20607 阅读 · 1 评论 -
jQuery中停止动画stop
jQuery中停止动画stop动画在执行过程中是允许被暂停的,当一个元素调用.stop()方法,当前正在运行的动画(如果有的话)立即停止语法:.stop( [clearQueue ], [ jumpToEnd ] ).stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] )stop还有几个可选的参数,简单来说可以这3种情况原创 2017-09-10 01:16:24 · 888 阅读 · 0 评论 -
jQuery中动画animate(下)
jQuery中动画animate(下)animate在执行动画中,如果需要观察动画的一些执行情况,或者在动画进行中的某一时刻进行一些其他处理,我们可以通过animate提供的第二种设置语法,传递一个对象参数,可以拿到动画执行状态一些通知.animate( properties, options )options参数duration - 设置动画执行的时间easing -原创 2017-09-10 01:09:16 · 319 阅读 · 0 评论 -
jQuery中动画animate(上)
jQuery中动画animate(上)有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别$(elem).fadeOut(3000) $(elem).animate({ opacity:0},3000)显而易见,animate方法更加灵活了,可以精确的控制样原创 2017-09-09 16:22:26 · 291 阅读 · 0 评论 -
jQuery事件对象的属性和方法
jQuery事件对象的属性和方法事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别event.type:获取事件的类型触发元素的事件类型$("a").click(function(event) { alert(event.type); // "click"事件});event.pageX 和 event.pageY:获取鼠标当前相对原创 2017-09-09 10:12:20 · 366 阅读 · 0 评论 -
jQuery事件对象的作用(利用冒泡事件优化)
事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的一个标准的"click"点击事件$(elem).on("click",function(event){ event //事件对象})在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方原创 2017-09-09 01:40:57 · 377 阅读 · 0 评论 -
卸载事件off()方法
卸载事件off()方法通过.on()绑定的事件处理程序通过off() 方法移除该绑定根据on绑定事件的一些特性,off方法也可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除绑定2个事件$("elem").on("mousedown mouseup",原创 2017-09-09 00:53:28 · 1385 阅读 · 0 评论 -
jQuery的链式调用原理,Promise的链式调用,this的问题
最近被问到这个问题,jq的链式调用原理,当时比较懵=。=,毕竟现在jq接触的机会变很少了。jq的链式调用jq的链式调用其实就是比如我们在选择dom的时候,$('input[type="button"]') .eq(0).click(function() { alert('点击我!');}).end().eq(1).click(function() { ...原创 2018-08-16 01:17:02 · 7158 阅读 · 2 评论