JQuery

最新推荐文章于 2023-07-07 14:28:52 发布

AHawkeye

最新推荐文章于 2023-07-07 14:28:52 发布

阅读量160

点赞数

分类专栏：前端文章标签： jquery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/AHawkeye/article/details/117877450

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

从Hello开始

在这里插入图片描述
注意：

src引入jQuery库
$函数按id查询对象
对象.click(function(){});

jQuery核心函数

在这里插入图片描述

传入参数为函数时

表示页面加载完成之后，相当于onload事件。

传入参数为HTML字符串

会对我们创建html标签对象
在这里插入图片描述

传入参数为选择器字符串时

在这里插入图片描述

传入参数为DOM对象时

把dom对象转化为jQuery对象。

区分DOM对象和jQuery对象

在这里插入图片描述

jQuery对象本质

jQuery对象是DOM对象数组+jQuery提供的一系列功能函数。

jQuery对象和DOM对象使用区别

jQuery对象不能使用DOM对象的属性和方法，同理DOM对象不能使用jQuery对象的属性和方法。

DOM对象和jQuery对象互转

在这里插入图片描述

DOM->jQuery

$(DOM对象)

jQuery->DOM

jQuery对象[下标]

jQuery选择器

基础选择器

在这里插入图片描述

层级选择器

在这里插入图片描述

基本过滤选择器

在这里插入图片描述
即使只查到一个他依然是jQuery对象。
last同理。

odd同理。

内容过滤选择器

在这里插入图片描述

属性过滤选择器

在这里插入图片描述

表单过滤选择器

在这里插入图片描述

元素的筛选

在这里插入图片描述

jQuery属性操作

html text和val

在这里插入图片描述

在这里插入图片描述

attr和prop

在这里插入图片描述

在这里插入图片描述
把name设为abc

返回一个undefined 但是这显然不合理没有设置的情况应该默认为false 用prop方法即可返回一个false 如果是选中的 prop会返回true attr会返回checked
很明显用prop更好。

全选，全不选和反选

在这里插入图片描述

DOM的增删改

在这里插入图片描述

CSS样式操作

在这里插入图片描述

jQuery动画

基本动画

在这里插入图片描述

淡入淡出

在这里插入图片描述

jQuery事件操作

onload与$区别

在这里插入图片描述
显示时需要的内容，比如图片等。

其他事件处理方法

在这里插入图片描述

click传function是绑定事件，不传function是触发事件。

事件的冒泡

在这里插入图片描述

事件对象

在这里插入图片描述

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。