第三章 jQuery

最新推荐文章于 2024-08-16 16:25:26 发布

幸运小新

最新推荐文章于 2024-08-16 16:25:26 发布

阅读量856

点赞数 24

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

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

本文链接：https://blog.csdn.net/m0_72232218/article/details/135437989

版权

JavaWeb 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

本文详细介绍了jQuery的基础知识，包括Hello程序示例、对象区分、功能核心、选择器（如ID、类、组合、层级和过滤），以及DOM与jQuery对象的区别、转换和表单过滤特性。

摘要由CSDN通过智能技术生成

第三章 jQuery

1.jQuery介绍
2.jQuery的Hello程序示例
3.jQuery的Hello程序常见问题
4.jQuery的函数核心介绍
5.如何区分dom对象和jQuery对象
6.jQuery对象的本质
7.jQuery和dom对象使用上的区别
8.DOM对象和jQuery对象相互转换
9.基础选择器
- #id
- element
- .class
- 组合选择器 selector1，selector2，selectorN
10.层级选择器
- ancestor descendant
- Parent > child
- prev + next
- prev ~ siblings
11.基本过滤选择器
- :first
- :last
- :not(selecor)
- :even
- :odd
- :eq(index)
- :gt(index)
- :lt(index)
- :header
- :animated
11.内容过滤选择器
- :contains(text)
- :empty
- :parent
- :has(selector)
12.属性过滤选择器
- [attribute]
- [attribute=value]
- [attribute!=value]
- [attribute^=value]
- [attribute$=value]
- [attribute*=value]
- [selector1][selector2][selectorN]
13.表单过滤选择器
- :input
- :text
- :password
- :radio
- :checkbox
- :submit
- :reset
- :button
- :file
- :hidden
- :enabled
- :disabled
- :checked
- :select

1.jQuery介绍

在这里插入图片描述

2.jQuery的Hello程序示例

在这里插入图片描述

3.jQuery的Hello程序常见问题

在这里插入图片描述

4.jQuery的函数核心介绍

在这里插入图片描述

下面这个就是一个dom对象

下面这个就是一个jQuery对象

5.如何区分dom对象和jQuery对象

在这里插入图片描述

在这里插入图片描述

6.jQuery对象的本质

在这里插入图片描述

7.jQuery和dom对象使用上的区别

在这里插入图片描述

jQuery对象不可以使用innerHTML属性

dom对象不能使用jQuery对象的方法click

8.DOM对象和jQuery对象相互转换

在这里插入图片描述

下面这个是一个dom对象

下面这样dom对象就变成了jQuery对象

下面这样操作jQuery又变成了dom对象

9.基础选择器

在这里插入图片描述

#id

在这里插入图片描述

element

在这里插入图片描述

.class

在这里插入图片描述

组合选择器 selector1，selector2，selectorN

在这里插入图片描述

display:none 就是不显示的意思

10.层级选择器

在这里插入图片描述

ancestor descendant

在这里插入图片描述

Parent > child

在这里插入图片描述

prev + next

在这里插入图片描述

prev ~ siblings

在这里插入图片描述

是$( function () {} )的全写

11.基本过滤选择器

在这里插入图片描述
下面这个是添加的动画

:first

在这里插入图片描述

:last

在这里插入图片描述

:not(selecor)

在这里插入图片描述

:even

在这里插入图片描述

:odd

在这里插入图片描述

:eq(index)

在这里插入图片描述

:gt(index)

在这里插入图片描述

:lt(index)

在这里插入图片描述

:header

在这里插入图片描述

:animated

在这里插入图片描述

11.内容过滤选择器

在这里插入图片描述

:contains(text)

在这里插入图片描述

:empty

在这里插入图片描述

:parent

在这里插入图片描述

:has(selector)

在这里插入图片描述

12.属性过滤选择器

在这里插入图片描述

[attribute]

在这里插入图片描述

[attribute=value]

在这里插入图片描述

[attribute!=value]

在这里插入图片描述
当不含有这个attribute属性时也可以查到

[attribute^=value]

在这里插入图片描述

[attribute$=value]

在这里插入图片描述

[attribute*=value]

在这里插入图片描述

[selector1][selector2][selectorN]

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

13.表单过滤选择器

在这里插入图片描述

:input

在这里插入图片描述

:text

在这里插入图片描述

:password

在这里插入图片描述

:radio

在这里插入图片描述

:checkbox

在这里插入图片描述

:submit

在这里插入图片描述

:reset

在这里插入图片描述

:button

在这里插入图片描述

:file

在这里插入图片描述

:hidden

在这里插入图片描述

:enabled

在这里插入图片描述

:disabled

在这里插入图片描述

下面这些就全部是可用的

下面加一个disabled

现在第一个就用不了
在这里插入图片描述

:checked

在这里插入图片描述

:select

在这里插入图片描述

Val()只能用在表单项中，比如单选框，复选框，密码输入框，文本输入框，下拉列表。
div,p,span等都不是
在这里插入图片描述

上面是老方法，jQuery中也提供了方法

关注

24
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
第三章 jQuery

下面这个就是一个dom对象下面这个就是一个jQuery对象。
复制链接

扫一扫

专栏目录

幸运小新 CSDN认证博客专家 CSDN认证企业博客

码龄2年

88: 原创

82万+: 周排名

1万+: 总排名

4万+: 访问

: 等级

1804: 积分

649: 粉丝

919: 获赞

11: 评论

849: 收藏

私信

关注

热门文章

分类专栏

最新评论

PyTorch深度学习快速入门
qq_41560916: 辛苦作者了！
模型的收敛
CSDN-Ada助手: 不知道 Python入门技能树是否可以帮到你：https://edu.csdn.net/skill/python?utm_source=AI_act_python
向量数据库如何解决大语言模型的“幻觉”问题
Lion Long: 不错的文章，受益匪浅，文章内容丰富，条理清晰，值得一波关注！
第十七章多线程基础
CSDN-Ada助手: 恭喜作者第19篇博客的问世！阅读了你的《第十七章多线程基础》，感觉收获良多。希望你能继续坚持创作，多分享关于多线程的知识和经验。或许接下来可以考虑分享一些多线程在实际项目中的应用案例，这对于读者来说会更加具有参考价值。期待你的下一篇作品！
第十八章坦克大战2
CSDN-Ada助手: 恭喜作者第20篇博客《第十九章坦克大战2》的发布！持续创作不易，感谢您对读者的付出和分享。对于下一步的创作建议，或许可以尝试加入更多角色的情感交流和心理活动，让故事更加丰富和引人入胜。谦卑之心，方能不断进步，期待您的下一篇作品！

大家在看

最新文章

2024

目录

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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