随笔分类 -  b) jQuery

摘要:最近被问到这个问题,jq的链式调用原理,当时比较懵=。=,毕竟现在jq接触的机会变很少了。 jq的链式调用 jq的链式调用其实就是比如我们在选择dom的时候, 比如如上代码,先选择type类型为button的所有DOM,然后再选择第一个... 我们自然想到每次其实就是返回选择后的结果,在js里面有什 阅读全文
posted @ 2018-08-16 01:18 Lawliet__zmz 阅读(921) 评论(0) 推荐(0) 编辑
摘要:很早之前就留下了这个问题,赶上五一放假,好好研究总结一下吧。 1. 首先jq中ready方法和window的onload方法的不同这里再提一下,首先ready只是dom树加载完毕,一些img等资源可能还没加载完成,而onload则是全部加载成功。而且ready方法可以有多个,而onload只能写一个 阅读全文
posted @ 2018-04-30 03:28 Lawliet__zmz 阅读(188) 评论(0) 推荐(0) 编辑
摘要:注意1.8版本弃用了$.load()函数。 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback 阅读全文
posted @ 2018-02-12 13:16 Lawliet__zmz 阅读(424) 评论(0) 推荐(0) 编辑
摘要:实现: 1.表单的提交 2.和Mongdo的交互,增删查分页功能 3.前端全部留言的显示是用underscore的template模版动态增加 4.分页样式用了bootstrap 5.主要是AJAX和后台Node的交互,Node和数据库的交互 这里AJAX发出请求, Node后台这里捕获到了参数,跟 阅读全文
posted @ 2017-11-25 19:00 Lawliet__zmz 阅读(237) 评论(0) 推荐(0) 编辑
摘要:这里不再用ejs模版,只用Node去发送json数据,用Express静态化public文件,content.html引用underscore模版,引用jQuery,用jQuery向服务器发送AJAX请求,把json的数据读取到underscore的template模版内容里。 这种写法,网页是看不 阅读全文
posted @ 2017-11-15 21:09 Lawliet__zmz 阅读(243) 评论(0) 推荐(0) 编辑
摘要:比较高级的万能选择器,比较常用 定义: querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。 语法 doc 阅读全文
posted @ 2017-09-28 00:27 Lawliet__zmz 阅读(407) 评论(0) 推荐(0) 编辑
摘要:用到了HTML5,CSS3,JavaScript,jQuery...... 杜老师想让课堂变得有趣,想让学生帮他做个轮盘抽奖的,那么最近搞了下JS前端,就自告奋勇接下这个任务了。 难度主要是功能性的JS代码,比如轮盘的底层实现,弹出框3D旋转的特效。 做这个东西%50的时间都用在做图和一些其他素材的 阅读全文
posted @ 2017-09-18 20:16 Lawliet__zmz 阅读(458) 评论(0) 推荐(0) 编辑
摘要:jQuery中停止动画stop 动画在执行过程中是允许被暂停的,当一个元素调用.stop()方法,当前正在运行的动画(如果有的话)立即停止 语法: .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jum 阅读全文
posted @ 2017-09-10 01:17 Lawliet__zmz 阅读(306) 评论(0) 推荐(0) 编辑
摘要:jQuery中动画animate(下) animate在执行动画中,如果需要观察动画的一些执行情况,或者在动画进行中的某一时刻进行一些其他处理,我们可以通过animate提供的第二种设置语法,传递一个对象参数,可以拿到动画执行状态一些通知 .animate( properties, options 阅读全文
posted @ 2017-09-10 01:09 Lawliet__zmz 阅读(186) 评论(0) 推荐(0) 编辑
摘要:jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画,对比一下2组动画设置的区别 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3 阅读全文
posted @ 2017-09-09 16:22 Lawliet__zmz 阅读(191) 评论(0) 推荐(0) 编辑
摘要:jQuery事件对象的属性和方法 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 阅读全文
posted @ 2017-09-09 10:12 Lawliet__zmz 阅读(320) 评论(0) 推荐(0) 编辑
摘要:事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的"click"点击事件 在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经 阅读全文
posted @ 2017-09-09 01:41 Lawliet__zmz 阅读(177) 评论(0) 推荐(0) 编辑
摘要:卸载事件off()方法 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 根据on绑定事件的一些特性,off方法也可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除 绑定2 阅读全文
posted @ 2017-09-09 00:54 Lawliet__zmz 阅读(314) 评论(0) 推荐(0) 编辑
摘要:针对自己处理机制中,不仅有on方法,还有根据on演变出来的live方法(1.7后去掉了),delegate方法等等。这些方法的底层实现部分 还是on方法,这是利用了on的另一个事件机制委托的机制衍变而来的 委托机制 在on的第二参数中提供了一个selector选择器,简单的来描述下 参考下面3层结构 阅读全文
posted @ 2017-09-09 00:28 Lawliet__zmz 阅读(259) 评论(0) 推荐(0) 编辑
摘要:之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法:.on( events ,[ sele 阅读全文
posted @ 2017-09-07 23:42 Lawliet__zmz 阅读(313) 评论(0) 推荐(0) 编辑
摘要:jQuery表单事件之blur与focus事件 我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件 它们之间的本质区别: 举个简单的例子 其中input元素可以触发focus()事件 div是input的父元素,当它包含的元素inp 阅读全文
posted @ 2017-09-04 23:15 Lawliet__zmz 阅读(848) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示