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.例子,电梯导航

显示与隐藏

功能分析

细节分析

相关推荐
懵圈几秒前
第2章:项目启动 - 使用Vite脚手架初始化项目与工程化配置
前端
Mh2 分钟前
如何优雅的消除“if...else...”
前端·javascript
火鸟213 分钟前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言
逍遥江湖34 分钟前
Vue3 + TypeScript 项目框架搭建指南
前端
lapiii35837 分钟前
[前端-React] Hook
前端·javascript·react.js
小飞大王66637 分钟前
JavaScript基础知识总结(六)模块化规范
开发语言·javascript·ecmascript
白龙马云行技术团队43 分钟前
前端自适应动态架构图演进
前端
一枚前端小能手1 小时前
🎬 使用 Web 动画 API - 关键帧与交互控制实战指南
前端·javascript·api
西西学代码1 小时前
Flutter---异步编程
开发语言·前端·javascript
拉不动的猪1 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·css·面试