JQuery

定义

jQuery 是一个跨浏览器的 JavaScript 库,简化了 HTML 与 JavaScript 之间的交互。

组成部分

1.核心功能

DOM 操作、事件处理、动画效果、AJAX 支持。

2.插件系统

允许开发者创建和使用 jQuery 插件扩展其功能。

目的

简化 JavaScript 编程,提高开发效率。

基本原理

物理描述

通过简洁的选择器和方法封装复杂的 DOM 操作和事件处理逻辑。

使用方法

1.JQ对象和JS对象的区别与转换

Ⅰ、区别:

JQ对象不同操作是通过不断添加实现的,而JS对象是通过不断覆盖实现的。

这两个对象的操作不重复,不可以互用。

Ⅱ、转换:

JS–>JQ: $(js对象)

JQ–>JS:①jq对象[索引] ②jq对象.get(索引)

2.事件绑定

①获取标签

②添加操作

image-20240722162835724

3.入口函数(dom文档加载完成之后执行该函数中的代码)

$(function(){

});

4.样式控制

①获取标签

②设置css

$(function(){

$(“标签”).css(“属性名”,“属性值”);

});

image-20240722163221412

相关知识点

1.插件机制:增强JQ的功能

实现方式:

image-20240723171812511

定义

jQuery 是一个跨浏览器的 JavaScript 库,简化了 HTML 与 JavaScript 之间的交互。

组成部分

1.核心功能

DOM 操作、事件处理、动画效果、AJAX 支持。

2.插件系统

允许开发者创建和使用 jQuery 插件扩展其功能。

目的

简化 JavaScript 编程,提高开发效率。

基本原理

物理描述

通过简洁的选择器和方法封装复杂的 DOM 操作和事件处理逻辑。

使用方法

1.JQ对象和JS对象的区别与转换

Ⅰ、区别:

JQ对象不同操作是通过不断添加实现的,而JS对象是通过不断覆盖实现的。

这两个对象的操作不重复,不可以互用。

Ⅱ、转换:

JS–>JQ: $(js对象)

JQ–>JS:①jq对象[索引] ②jq对象.get(索引)

2.事件绑定

①获取标签

②添加操作

image-20240722162835724

3.入口函数(dom文档加载完成之后执行该函数中的代码)

$(function(){

});

4.样式控制

①获取标签

②设置css

$(function(){

$(“标签”).css(“属性名”,“属性值”);

});

image-20240722163221412

相关知识点

1.插件机制:增强JQ的功能

实现方式:

image-20240723171812511ry

定义

jQuery 是一个跨浏览器的 JavaScript 库,简化了 HTML 与 JavaScript 之间的交互。

组成部分

1.核心功能

DOM 操作、事件处理、动画效果、AJAX 支持。

2.插件系统

允许开发者创建和使用 jQuery 插件扩展其功能。

目的

简化 JavaScript 编程,提高开发效率。

基本原理

物理描述

通过简洁的选择器和方法封装复杂的 DOM 操作和事件处理逻辑。

使用方法

1.JQ对象和JS对象的区别与转换

Ⅰ、区别:

JQ对象不同操作是通过不断添加实现的,而JS对象是通过不断覆盖实现的。

这两个对象的操作不重复,不可以互用。

Ⅱ、转换:

JS–>JQ: $(js对象)

JQ–>JS:①jq对象[索引] ②jq对象.get(索引)

2.事件绑定

①获取标签

②添加操作

image-20240722162835724

3.入口函数(dom文档加载完成之后执行该函数中的代码)

$(function(){

});

4.样式控制

①获取标签

②设置css

$(function(){

$(“标签”).css(“属性名”,“属性值”);

});

image-20240722163221412

相关知识点

1.插件机制:增强JQ的功能

实现方式:

image-20240723171812511

定义

jQuery 是一个跨浏览器的 JavaScript 库,简化了 HTML 与 JavaScript 之间的交互。

组成部分

1.核心功能

DOM 操作、事件处理、动画效果、AJAX 支持。

2.插件系统

允许开发者创建和使用 jQuery 插件扩展其功能。

目的

简化 JavaScript 编程,提高开发效率。

基本原理

物理描述

通过简洁的选择器和方法封装复杂的 DOM 操作和事件处理逻辑。

使用方法

1.JQ对象和JS对象的区别与转换

Ⅰ、区别:

JQ对象不同操作是通过不断添加实现的,而JS对象是通过不断覆盖实现的。

这两个对象的操作不重复,不可以互用。

Ⅱ、转换:

JS–>JQ: $(js对象)

JQ–>JS:①jq对象[索引] ②jq对象.get(索引)

2.事件绑定

①获取标签

②添加操作

image-20240722162835724

3.入口函数(dom文档加载完成之后执行该函数中的代码)

$(function(){

});

4.样式控制

①获取标签

②设置css

$(function(){

$(“标签”).css(“属性名”,“属性值”);

});

image-20240722163221412

相关知识点

1.插件机制:增强JQ的功能

实现方式:

image-20240723171812511