首页 前端知识 JavaWeb快速入门--JQuery(2)(2),web全栈开发

JavaWeb快速入门--JQuery(2)(2),web全栈开发

2024-04-29 11:04:54 前端知识 前端哥 511 926 我要收藏
  • swing:动画执行时效果是 先慢,中间快,最后又慢

  • linear:动画执行时速度是匀速的

fn:在动画完成时执行的函数,每个元素执行一次。

  1. hide([speed,[easing],[fn]])

  2. toggle([speed],[easing],[fn])

  3. 滑动显示和隐藏方式

  4. slideDown([speed],[easing],[fn])

  5. slideUp([speed,[easing],[fn]])

  6. slideToggle([speed],[easing],[fn])

  7. 淡入淡出显示和隐藏方式

  8. fadeIn([speed],[easing],[fn])

  9. fadeOut([speed],[easing],[fn])

  10. fadeToggle([speed,[easing],[fn]])

样例:

Insert title here

div显示和隐藏

2. 遍历

js的遍历方式:for(初始化值;循环结束条件;步长)

jq的遍历方式(each):

  1. jq对象.each(callback)

语法:jquery对象.each(function(index,element){});

  • index:就是元素在集合中的索引

  • element:就是集合中的每一个元素对象

  • this:集合中的每一个元素对象

回调函数返回值:

  • true:如果当前function返回为false,则结束循环(break)。

  • false:如果当前function返回为true,则结束本次循环,继续下次循环(continue)

  1. $.each(object, [callback])

  2. for…of: jquery 3.0 版本之后提供的方式

for(元素对象 of 容器对象)

3. 事件的绑定

jquery标准的绑定方式:

//jq对象.事件方法(回调函数);

$(“#name”).click(function () {

alert(“点击…”)

});

//简化操作,链式编程

$(“#name”).mouseover(function () {

alert(“鼠标来了…”)

}).mouseout(function () {

alert(“鼠标走了…”)

});

$(“#name”).focus();//让文本输入框获得焦点

  • 注:如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。

  • 表单对象.submit();//让表单提交

on绑定事件/off解除绑定:

//如果off方法不传递任何参数,则将组件上的所有事件全部解绑

jq对象.on(“事件名称”,回调函数)

jq对象.off(“事件名称”)

事件切换:toggle

jq对象.toggle(fn1,fn2…) //当单击jq对象对应的组件后,会执行fn1.第二次点击会执行fn2…

//注意:1.9版本 .toggle() 方法删除,jQuery Migrate(迁移)插件可以恢复此功能。

案例:


1. 广告显示和隐藏

广告的自动显示与隐藏

正文部分

2. 抽奖

jquery案例之抽奖

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

最后

其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《前端开发四大模块核心知识笔记》

最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

-SJrKBXVQ-1710603908441)]

最后

其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《前端开发四大模块核心知识笔记》

最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6160.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!