第三章 jQuery

2024-01-07 17:54:04

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中也提供了方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

文章来源:https://blog.csdn.net/m0_72232218/article/details/135437989
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。