教育行业A股IPO第一股(股票代码 003032)

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

热门课程

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

更新时间:2022年01月17日17时57分 来源:红足1世手机版教育 浏览次数:

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对象?

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

0 分享到:

Java高级软件工程师课程javaee

Python大数据课程python

前端开发培训课程web

UI设计培训课程ui

大数据培训班cloud

软件测试培训课程test

c

新媒体运营培训课程netmarket

产品经理培训课程pm

linux培训班Linux

影视制作培训movies

智能机器人开发robot

电商视觉设计uids

人工智能培训课程Python

北京校区