[前端学习笔记] jQuery基础知识整理

一、jQuery基本概念

1. 什么是jQuery

jQuery是一个快速简洁的JS库，封装了JS常用的功能代码，优化了DOM操作、事件处理、动画设计、Ajax交互等。我们可以快速查询使用里面的功能函数。

补充：常见的JS库有jQuery\Prototype\YUI\Dojo\Ext JS\移动端的zepto。这些库都是对原生JS的封装，内部是用JS实现的。

2. jQuery的优点

轻量级。核心文件几十kb，不会影响页面加载速度。
跨浏览器兼容。基本兼容了现在主流的浏览器。
链式编程(将多个操作通过点号链接在一起成为一句代码，节约代码量)、隐式迭代(给匹配到的所有元素进行循环遍历执行相同的操作)
对事件、样式、动画支持，大大简化DOM操作
支持插件扩展开发，有丰富的第三方插件。如树形菜单
免费、开源

3. jQuery下载

https://jquery.com/

4. jQuery对象

二、jQuery选择器

三、jQuery样式操作

四、jQuery效果

五、jQuery属性操作

【补充】$(this).index()问题

<div><h1>第一个h1</h1><h1>第二个h1</h1><p>p1</p><p>p2</p>
</div>
<script>$("div p").on("click", function () {// 获取当前标签在【同级标签】中的索引，不区分标签！console.log($(this).index());// 获取所有【同类标签】中当前标签的索引console.log($("p").index(this));console.log('-------------');});
</script>

六、jQuery文本属性值

七、jQuery元素操作

八、jQuery尺寸、位置操作

九、jQuery事件

十、jQuery常用插件

[前端学习笔记] jQuery基础知识整理相关推荐

[前端学习笔记]JavaScript基础知识
一.JS三种书写位置行内式直接写到元素的内部. <input type="button" value="唐伯虎" onclick="aler ...
HTML5学习笔记 —— JavaScript基础知识
HTML5学习笔记 -- JavaScript基础知识标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读评论(0) 收藏举报分类: JavaScr ...
php基础教学笔记,php学习笔记：基础知识
php学习笔记:基础知识 2.每行结尾不允许有多余的空格 3.确保文件的命名和调用大小写一致,是由于类Unix系统上面,对大小写是敏感的 4.方法名只允许由字母组成,下划线是不允许的,首字母要小写,其 ...
jQuery基础知识整理
jQuery基础知识整理 jQuery简介什么是jQuery(了解) jQuery简化JS代码 jQuery的核心思想:"写的更少,但做的更多"(write less,do mo ...
JS学习笔记——入门基础知识总结
JS入门基础知识总结1 前言基础背景知识一.产生历史: 二.特点: 三.应用方向: 四.Javascript组成: JavaScript书写使用方式一.行内式(了解即可,项目中不使用,日常练习尽 ...
【学习笔记--FMCW基础知识】
学习笔记--FMCW基础知识前言 mmWave测距原理 mmWave区分多个物体 mmWave的距离分辨率(Range Solution) mmWave的最大测量距离前言由于工作原因需要了解TI ...
SAS学习笔记1——基础知识（库、PDV、变量选择、观测值排序、创建新变量
SAS学习笔记1--基础知识 1.逻辑库.临时库.永久库 2.数据步 2.1数据步语法 2.2 数据步的编译和执行过程 2.3变量的选择 2.3.1 keep和drop语句 2.4变量的重命名rena ...
《UNIX 环境高级编程》学习笔记——UNIX 基础知识
UNIX环境高级编程--UNIX 基础知识引言 UNIX 体系结构登录文件和目录输入和输出程序和进程出错处理用户标识信号时间值系统调用和库函数引言所有操作系统都为它们所允许的程 ...
单片机学习笔记——微机基础知识
微机基础知识微处理器,微机和单片机概念微处理器的组成一.运算器主要寄存器主要寄存器(IR),指令译码器(ID) 程序计数器(PC) 地址寄存器(AR) 二.控制器存储器和输入输出接口一. ...

[前端学习笔记] jQuery基础知识整理

一、jQuery基本概念

1. 什么是jQuery

2. jQuery的优点

3. jQuery下载

4. jQuery对象

二、jQuery选择器

三、jQuery样式操作

四、jQuery效果

五、jQuery属性操作

六、jQuery文本属性值

七、jQuery元素操作

八、jQuery尺寸、位置操作

九、jQuery事件

十、jQuery常用插件

[前端学习笔记] jQuery基础知识整理相关推荐

最新文章

热门文章