jQuery01入门&选择器

一、3W1H:在jQuery中有什么意思?

1.1 What:jQuery是什么?

jQuery是一个快速的、简洁的JavaScript框架,简单来说就是JavaScript的一个类库,里面封装了很多常用的功能代码。

1.2 Why:为什么要使用jQuery?

jQuery的设计宗旨是“Write Less Do More”,即写更少的代码,做更多的事。使用简便快捷的代码更加适用于我们开发。

1.3 Where:jQuery是用在哪里?

①中大型网站的开发

②是一些前段框架的基础 例如EasyUI Bootstrap。

1.4 How:jQuery是怎么使用?

案例1:对比js和jQuery

jQuery01入门&选择器_第1张图片

 方法一

使用js方式

代码展示:

jQuery01
        

效果展示:

jQuery01入门&选择器_第2张图片

 方法二

使用jQuery的方式

第一步:下载jQuery的库

jQuery的官网:http:/jquery.com  —>doewnload—>选择合适的版本(推荐开发版本)注:本文章举例所用版本为jquery-3.3.1的开发版本

第二步:将下载的js文件引入你的开发工具HBuilder X里面的项目(注意引入外部js)

第三步:开始编码工作。

代码展示:


        
        
        

你可能感兴趣的:(jQuery,jquery,html,前端)