首页 前端知识 jQuery入门到精通学习教程,收藏我这篇就够了,2024年最新我想谈谈关于Python面试那些事

jQuery入门到精通学习教程,收藏我这篇就够了,2024年最新我想谈谈关于Python面试那些事

2024-05-07 13:05:18 前端知识 前端哥 809 493 我要收藏

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Python全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Python知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注Python)
img

正文

  • has(选择器名称)方法,表示选取包含指定选择器的标签

  • eq(索引)方法,表示选取指定索引的标签

has方法的示例代码:

这是第一个div

这是第二个div

eq方法的示例代码:

这是第一个div

这是第二个div

小结

  • 选择集过滤可以使用has方法和eq方法来完成

  • jquery给标签设置样式使用css方法

五、选择集转移



选择集转移介绍

选择集转移就是以选择的标签为参照,然后获取转移后的标签

选择集转移操作

  • $(‘#box’).prev(); 表示选择id是box元素的上一个的同级元素

  • $(‘#box’).prevAll(); 表示选择id是box元素的上面所有的同级元素

  • $(‘#box’).next(); 表示选择id是box元素的下一个的同级元素

  • $(‘#box’).nextAll(); 表示选择id是box元素的下面所有的同级元素

  • $(‘#box’).parent(); 表示选择id是box元素的父元素

  • $(‘#box’).children(); 表示选择id是box元素的所有子元素

  • $(‘#box’).siblings(); 表示选择id是box元素的其它同级元素

  • $(‘#box’).find(‘.myClass’); 表示选择id是box元素的class等于myClass的元素

选择集转移的示例代码:

这是第一个h2标签

这是第一个段落

这是一个 div 第二个span

这是第二个h2标签

这是第二个段落

小结

  • prev() 表示获取上一个同级元素

  • prevAll() 表示获取上面所有同级元素

  • next() 表示获取下一个同级元素

  • nextAll() 表示获取下面所有同级元素

  • parent() 表示获取父元素

  • children() 表示获取所有的子元素

  • siblings() 表示获取其它同级元素

  • find(“选择器名称”) 表示获取指定选择器的元素

六、获取和设置元素内容



html方法的使用

jquery中的html方法可以获取和设置标签的html内容

示例代码:

hello

说明:

给指定标签追加html内容使用append方法

小结

  • 获取和设置元素的内容使用: html方法

  • 给指定元素追加html内容使用: append方法

七、获取和设置元素属性



prop方法的使用

之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。

示例代码:

这是一个链接

说明: 获取value属性和设置value属性还可以通过val方法来完成。

小结

  • 获取和设置元素属性的操作可以通过prop方法来完成

  • 获取和设置元素的value属性可以通过val方法来完成,更加简单和方便

八、jQuery事件



常用事件

  • click() 鼠标单击

  • blur() 元素失去焦点

  • focus() 元素获得焦点

  • mouseover() 鼠标进入(进入子元素也触发)

  • mouseout() 鼠标离开(离开子元素也触发)

  • ready() DOM加载完成

示例代码:

    • 列表文字
    • 列表文字
    • 列表文字
    • 说明:

      • this指的是当前发生事件的对象,但是它是一个原生js对象

      • $(this) 指的是当前发生事件的jquery对象

      小结

      jQuery常用事件:

      • click() 鼠标单击

      • blur() 元素失去焦点

      • focus() 元素获得焦点

      • mouseover() 鼠标进入(进入子元素也触发)

      • mouseout() 鼠标离开(离开子元素也触发)

      • ready() DOM加载完成

      九、事件代理



      事件代理介绍

      事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,事件代理首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作

      事件冒泡代码:

      哈哈

      说明:

      当点击子元素div,它的点击事件会向它父元素传递,也会触发了父元素的点击事件,这就是事件冒泡。

      事件代理的使用

      一般绑定事件的写法:

      $(function(){

      $ali = $(‘#list li’);

      $ali.click(function() {

      $(this).css({background:‘red’});

      });

      })

      • 1
      • 2
      • 3
      • 4
      • 5
      • 事件代理的写法

        $(function(){

        $list = $(‘#list’);

        // 父元素ul 来代理 子元素li的点击事件

        $list.delegate(‘li’, ‘click’, function() {

        // $(this)表示当前点击的子元素对象

        $(this).css({background:‘red’});

        });

        })

        • 1
        • 2
        • 3
        • 4
        • 5
        • delegate方法参数说明:

          delegate(childSelector,event,function)

          • childSelector: 子元素的选择器

          • event: 事件名称,比如: ‘click’

          • function: 当事件触发执行的函数

          小结

          • 事件代理就是使用父元素来代理子元素的事件,好处是减少事件的绑定次数,提高性能。

          • 使用场景当多个相同的子元素绑定同一个事件,可以使用事件代理。

          • 事件代理使用是使用delegate方法来完成

          十、JavaScript对象



          JavaScript对象的介绍

          JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象,此外,JavaScript 允许自定义对象,对象可以拥有属性和方法。

          JavaScript创建对象操作

          创建自定义javascript对象有两种方式:

          • 通过顶级Object类型来实例化一个对象

          • 通过对象字面量创建一个对象

          Object类创建对象的示例代码:

          对象字面量创建对象的示例代码:

          说明:

          调用属性和方法的操作都是通过点语法的方式来完成,对象的创建推荐使用字面量方式,因为更加简单。

          小结

          创建自定义javascript对象有两种方式:

          • Object

          • 字面量

          十一、json



          json的介绍

          json是 JavaScript Object Notation 的首字母缩写,翻译过来就是javascript对象表示法,这里说的json就是类似于javascript对象的字符串,它同时是一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。

          json的格式

          json有两种格式:

          1. 对象格式

          2. 数组格式

          对象格式:

          对象格式的json数据,使用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值对使用逗号分隔。

          对象格式的json数据:

          {

          “name”:“tom”,

          “age”:18

          }

          格式说明:

          json中的(key)属性名称和字符串值需要用双引号引起来,用单引号或者不用引号会导致读取数据错误。

          数组格式:

          数组格式的json数据,使用一对中括号([]),中括号里面的数据使用逗号分隔。

          数组格式的json数据:

          [“tom”,18,“programmer”]

          实际开发的json格式比较复杂,例如:

          {

          “name”:“jack”,

          “age”:29,

          在这里插入图片描述

          感谢每一个认真阅读我文章的人,看着粉丝一路的上涨和关注,礼尚往来总是要有的:

          ① 2000多本Python电子书(主流和经典的书籍应该都有了)

          ② Python标准库资料(最全中文版)

          ③ 项目源码(四五十个有趣且经典的练手项目及源码)

          ④ Python基础入门、爬虫、web开发、大数据分析方面的视频(适合小白学习)

          ⑤ Python学习路线图(告别不入流的学习)

          网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

          需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
          img

          一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
          数组格式

          对象格式:

          对象格式的json数据,使用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值对使用逗号分隔。

          对象格式的json数据:

          {

          “name”:“tom”,

          “age”:18

          }

          格式说明:

          json中的(key)属性名称和字符串值需要用双引号引起来,用单引号或者不用引号会导致读取数据错误。

          数组格式:

          数组格式的json数据,使用一对中括号([]),中括号里面的数据使用逗号分隔。

          数组格式的json数据:

          [“tom”,18,“programmer”]

          实际开发的json格式比较复杂,例如:

          {

          “name”:“jack”,

          “age”:29,

          在这里插入图片描述

          感谢每一个认真阅读我文章的人,看着粉丝一路的上涨和关注,礼尚往来总是要有的:

          ① 2000多本Python电子书(主流和经典的书籍应该都有了)

          ② Python标准库资料(最全中文版)

          ③ 项目源码(四五十个有趣且经典的练手项目及源码)

          ④ Python基础入门、爬虫、web开发、大数据分析方面的视频(适合小白学习)

          ⑤ Python学习路线图(告别不入流的学习)

          网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

          需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
          [外链图片转存中…(img-PdttUc4X-1713032815587)]

          一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

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

        JQuery中的load()、$

        2024-05-10 08:05:15

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