乐鱼电竞

  • 教育行业A股IPO第一股（股票代码 003032）

    全国咨询/投诉热线：400-618-4000

    jQuery初学者应该熟悉的3种基础操作

    更新时间:2022年01月17日17时57分 来源:乐鱼电竞 浏览次数:

    jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
    jQuery

    jQuery的使用十分简单，只需引入 jQuery 文件就可以执行下一步操作。下面来看三种jQuery基本使用方法。

    jQuery 的入口函数

    jQuery加载DOM函数有以下两种方法:

    $(function () {   
    ...  // 此处是页面 DOM 加载完成的入口
 }) ;
    $(function () {   
    ...  // 此处是页面 DOM 加载完成的入口
 }) ;

    1.等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。

    2.相当于原生 js 中的 DOMContentLoaded。

    3.不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

    4. 更推荐使用第一种方式。

    jQuery 的顶级对象 $

    1.$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替 $，但一般为了方便，通常都直接使用 $ 。

    2.$ 是jQuery 的顶级对象， 相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象，就可以调用jQuery 的方法。

    DOM 对象与 jQuery 对象之间是可以相互转换的

    因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

    1. DOM 对象转换为 jQuery 对象： $(DOM对象)

    $('div')

    2. jQuery 对象转换为 DOM 对象(两种方式)

    $('div') [index]       index 是索引号
    $('div') .get(index)    index 是索引号





    猜你喜欢：

    jquery基本选择和层次选择器详细介绍

    jQuery如何使用css方法修改单个样式？

    jquery对象是什么？怎么理解jquery对象？

    产品经理遇到“一句话的需求”怎么办？

    乐鱼电竞HTML前端与移动开发培训

    0 分享到：
    和我们在线交谈！
    【网站地图】【sitemap】