jQuery效果2

jQuery

一、属性操作

1.内容

补充:ele:checked.length可获得选中元素个数

toFixed(2)保留两位小数

parents()可返回全部祖先

pop(),固有属性

attr(),自定义属性,可获取H5自定义属性,写date-()

date(),可获取H5自定义属性,不写date-()


2.列子,购物车模块-全选



二、内容文本值

1.内容

内容包括标签和文本内容

内容html()

文本内容text()

表单值val()

2.列子,增减商品和小记




三、元素操作(遍历,创建,删除,添加)

1.遍历




2.例子,购物车模块,计算总件数和总额


3.创建,添加,删除

内部添加元素,生成之后,是父子关系

外部添加元素,生成之后,是兄弟关系

4.删除商品模块+选中商品添加背景





四、尺寸,位置操作

1.内容

尺寸

位置

offset(),可获取,可修改

position(),只获取,不修改

scrollTop(),scrollLeft,可获取,可修改

3.scrollTop(),scrollLeft()

2.例子,带有动画的返回顶部,$("body,html")



3.例子,电梯导航

显示与隐藏

功能分析

细节分析

相关推荐
小磊哥er几秒前
【前端工程化】如何制定前端项目中的页面模版?
前端
Liudef064 分钟前
基于HTML与Java的简易在线会议系统实现
java·前端·html
2401_881244406 分钟前
javaweb———html
前端·javascript·html
江城开朗的豌豆7 分钟前
玩转Vue Router:这些实用组件让你的SPA如虎添翼!
前端·javascript·vue.js
前端小巷子10 分钟前
Web开发中的文件下载
前端·javascript·面试
peakmain917 分钟前
Gradle 8.11.1的升级之旅
前端
一拳不是超人28 分钟前
PWA渐进式Web应用技术深度解析
前端·pwa
KaneLogger30 分钟前
视频转文字,别再反复拖进度条了
前端·javascript·人工智能
前端风云志43 分钟前
JavaScript中如何遍历对象?
javascript
zwjapple7 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker