jQuery介绍及基本使用

简介: jQuery介绍及基本使用

一、 jQuery是什么

(1) jQuery就是一个快速、简介的js库,把一些常用的方法写到一个单独的js文件,使用的时候直接引用这个js文件,其设计宗旨是倡导写更少的代码,做更多的事情

jQuery封装了js常用的功能代码,优化了DOM的操作、事件处理、动画设计和Ajax交互

(2)学习jQuery的本质就是:学习调用这些函数(方法)

二、jQuery基本使用

(1)在页面中引入 jQuery 库

<!-- 服务器本地库 -->
<script src="./jquery-3.6.0.js"></script>
<!--
CDN远程库
    项目上线时,一般使用比较靠谱的CDN资源库,减轻服务器负担
    [https://www.bootcdn.cn/](https://www.bootcdn.cn/):搜索`jQuery`,复制`<script>`标签到项目中即可使用
-->

**在 script 标签中使用 jquery 语法即可,如:**

<div>Content</div>
<script src="./jquery-3.6.0.js"></script>
<script>
    $('div').hide();
</script>

三、jQuery详细介绍

1.代码风格:$(“***”)选取元素、

2.选择器

除标准选择器之外还有:(1)第一个:(:first)

(2)最后一个(:last)

(3) 所有偶数:(:even)

(4)所有奇数:(:odd)

(5)根据下标:(:eq(n))

3.属性:

attr(‘title’)获取属性值。

addclass(’ ‘) 添加class的值。

removeclass(’')移除class的值。

4. jQuery整体架构

5.赛选

6.jQuery的作用:如图所示(加快进展速度)


相关文章
|
8月前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
|
存储 JavaScript 前端开发
jQuery的基本使用
jQuery的基本使用
87 0
|
XML 存储 移动开发
前端培训-中级阶段(5)- jQuery 的概念与基本使用(2019-7-11期)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 前面我们已经基本掌握常规的语法语义,以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。 也了解 DOM、BOM,但是因为规范是一在变的,有没有什么类库可以方便操作这些呢?进入我们今天的主题jQuery
143 0
前端培训-中级阶段(5)- jQuery 的概念与基本使用(2019-7-11期)
|
JavaScript 前端开发
jquery的基本使用
方法连缀: $('p').removeClass('classFoo').addClass('classBar'); 方法迭代: 可以使用each方便对元素列表进行循环操作 $('li').
1042 0
|
16天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
56 21
|
17天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
46 16
|
12天前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
38 9
|
15天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
17天前
|
JavaScript
简洁实用的jQuery进度条插件
这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。
|
16天前
|
JavaScript 容器
jQuery文字跑马灯插件Marquee
jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。