html---jQuery

本文详细介绍了jQuery的基础使用,从选择器到事件处理、动画及常见操作方法,如文本修改、样式设置和DOM操作。深入探讨了jQuery的特性如隐式迭代和链式操作,以及它与DOM对象的区别和转换技巧。

jquery:jQuery,JQuery

j:javascript query:查询,一个js工具函数库
jQuery 的使用:瑞士军刀,小(轻便,简便,高效)而功能全面。
竞品:prototype.js,…

  1. 选择元素:有丰富的选择器,有丰富的文档筛选操作。
  2. 修改元素:有丰富的简单使用的方法。
  3. 事件处理:
  4. jquery动画:
  5. 工具函数:

主要语法:

$(“选择器”).action; action指代各种方法,表示对选中的元素进行何种操作。

  1. 选择器:jquery首先支持绝大多数的css选择器。
    1.1 + :紧邻弟选择器。
    1.2 ~:所有弟选择器。
    1.3 :not(selector) :不满足指定的选择器的元素。
    1.4 [attr]:选取包含attr属性的元素。
    1.5 [attr=value] :选取包含attr属性,且值为value的元素。
    1.6 [attr!=value] :选取没有attr属性,或者有attr属性,但值不等于value的元素。
    1.7 :first-of-type:同类型的第一个子元素。
    1.8 :last-of-type:同类型的最后一个子元素。
    1.9 :nth-of-type:同类型第几个子元素。

jquery独有选择器,非css选择器:
2. :first:表示选中第一个元素。
3. :last:表示选中最后一个元素。
4. :even: 选择第偶数个元素。
5. :odd:选取第奇数个元素
6. :eq():选取第n个元素。
7. :gt():选择大于指定位置的元素。greater than
8. :lt():less than:选择小于指定位置的元素。
9. :contains() : 选取包含指定文本的元素,使用频率低。
10. :empty:选取空元素(无子元素或无内容)
11. :has(s) : 表示包含指定选择器所选中元素的元素。
12. :parent:表示选取非空元素,有子元素,或者文本内容。
13. :hidden:选取不可见元素。display:none,input type=hidden,visibility:hidden
14. :visible:选取可见元素。:not(:hidden)。
14 [attr^=value]:选取有attr属性,且值以value开头的。
15 [attr = v a l u e ] : 选 取 有 a t t r 属 性 , 且 值 以 v a l u e 结 尾 的 。 16 [ a t t r ∗ = v a l u e ] : 选 取 有 a t t r 属 性 , 且 值 包 含 v a l u e 的 。 17 : i n p u t : 表 示 选 取 所 有 表 单 元 素 。 i n p u t t e x t a r a s e l e c t b u t t o n 18 : t e x t : 选 取 单 行 文 本 框 。 19 : p a s s w o r d : 选 取 密 码 框 。 20 : r a d i o : 单 选 按 钮 21 : c h e c k b o x : 复 选 框 15. : s u b m i t : r e s e t : b u t t o n 用 于 选 取 提 交 按 钮 , 重 置 按 钮 和 普 通 按 钮 , 包 括 b u t t o n 16. : c h e c k e d : 选 取 所 有 已 被 选 中 的 元 素 ( 单 选 按 钮 和 复 选 框 ) 17. : s e l e c t e d : 选 取 已 被 选 中 的 元 素 ( 下 拉 列 表 框 ) j q u e r y 中 =value]:选取有attr属性,且值以value结尾的。 16 [attr*=value]:选取有attr属性,且值包含value的。 17 :input:表示选取所有表单元素。input textara select button 18 :text:选取单行文本框。 19 :password:选取密码框。 20 :radio:单选按钮 21 :checkbox:复选框 15. :submit :reset :button 用于选取提交按钮,重置按钮和普通按钮,包括button 16. :checked:选取所有已被选中的元素(单选按钮和复选框) 17. :selected:选取已被选中的元素(下拉列表框) jquery中 =value]attrvalue16[attr=value]attrvalue17:inputinputtextaraselectbutton18:text19:password:20:radio21:checkbox15.:submit:reset:buttonbutton16.:checked17.:selectedjquery函数返回的对象类型,就是Object对象,为方便与dom对象区分,称之为jquery
对象,jquery对象是一个类数组。

jquery对象与dom对象的区别:
18. jquery对象是一个类数组,可以包含多个选中的元素,而dom元素仅是一个对象,仅表
示一个选中的元素。
19. jquery对象有很多简便,快速的方法,用于对选中的对象进行操作。
20. jquery对象中每一个元素都是dom元素。
21.
jquery对象和dom对象互相转换:
22. 取出jquery对象中的任意一个元素,都是dom元素。可以使用数组下标的方式获取dom
元素,还可以使用get(idx)方法来获取。
23. $(dom元素),可以将一个dom元素转换成一个只包含一个元素的jquery对象。

常用action操作:

  1. length:获取jquery对象选中元素的个数。
    1 .text():有参数则表示设置文本内容,无参数表示获取内容。
  2. css():有参数则表示设置样式,无参数则表示获取样式值。两个参数。
  3. addClass©:表示添加一个类名称。
  4. attr():有参数则表示设置一个属性,无参数则表示获取属性值,两个参数。
  5. html():有参数则表示设置html内容,无参数则表示获取内容。
  6. width()和height():有参数则表示设置尺寸,无参数则表示获取尺寸。返回值是数值。
    jquery的两大特性:
  7. 隐式迭代:在函数的内部进行了循环迭代,调用都感受不出。
  8. 链式操作:jquery对象的方法返回的仍然是jquery对象。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A little sea pig

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值