首页技术文章正文

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

更新时间:2022年01月17日17时57分来源:传智教育浏览次数:

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

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

jQuery 的入口函数

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

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

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

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

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

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

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

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

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

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

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

$('div')

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

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

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

猜你喜欢：

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

上一篇：CSS层叠性和继承性的概念有什么不同 下一篇：let关键字声明变量有哪些好处?