
JQuery快速入门小结
发布日期:2022-02-10 11:36:56
浏览次数:28
分类:技术文章
本文共 1705 字,大约阅读时间需要 5 分钟。
入门demo
快速入门demo 我是一个span我是一个div
核心语法: $();
JQuery基本语法
JS 对象和 jQuery 对象转换
-
JS 的 DOM 对象转换成 jQuery 对象
$(JS 的 DOM 对象);
-
jQuery 对象转换成 JS 对象
jQuery 对象[索引];
jQuery 对象.get(索引);
事件的使用
- 在 jQuery 中将事件封装成了对应的方法。去掉了 JS 中的 .on 语法。
- 事件的绑定和解绑
- 绑定事件 方式一: jQuery 对象.on(事件名称,执行的功能); 方式二: jQuery 对象.事件名(function(){逻辑代码});
- 解绑事件 jQuery 对象.off(事件名称); 如果不指定解绑事件名称.则会把该对象绑定的所有事件都解绑
遍历
- 方式一:传统方式
for(let i = 0; i < 容器对象长度; i++){
执行功能; } - 方式二:对象.each() 方法
容器对象.each(function(index,ele){
执行功能; }); - 方式三:$.each() 方法
$.each(容器对象,function(index,ele){
执行功能; }); - for of 语句
for(ele of 容器对象){
执行功能; }
jQuery选择器
- 基本选择器
- 过滤器选择器
- 选择器小结
在jQuery 中选择器的语法:$();
- 基本选择器 $(“元素的名称”); $("#id的属性值"); $(".class的属性值");
- 层级选择器 $(“A B”); $(“A > B”);
- 属性选择器 $(“A[属性名]”); $(“A[属性名=属性值]”);
- 过滤器选择器 $(“A:even”); $(“A:odd”);
- 表单属性选择器 $(“A:disabled”); $(“A:checked”); $(“A:selected”);
jQuery DOM
- 操作文本
- 操作对象
- 操作样式
- 操作属性
- 操作属性常用方法
综合案例
复选框
分类ID | 分类名称 | 分类描述 | 操作 | |
---|---|---|---|---|
1 | 手机数码 | 手机数码类商品 | 修改|删除 | |
2 | 电脑办公 | 电脑办公类商品 | 修改|删除 | |
3 | 鞋靴箱包 | 鞋靴箱包类商品 | 修改|删除 | |
4 | 家居饰品 | 家居饰品类商品 | 修改|删除 |
在线帮助文档引自:
转载地址:https://blog.csdn.net/drug1910951117/article/details/106992390 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2023年05月24日 19时41分34秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
最新文章
java单例注册表_Java单例模式(Singleton)
2019-08-28 15:52:03
java 类似xamarin_xamarin android如何将Java.Lang.Object类型转成C#类型
2019-08-28 15:52:03
java按钮权限控制_详解Spring Security 中的四种权限控制方式
2019-08-28 15:52:02
java方法2数据求和_Leet Code 2 Add Two Numbers - 链表表示的两个数求和 - Java
2019-08-28 15:52:02
java 延迟初始化_Java并发编程——延迟初始化占位类模式
2019-08-28 15:52:01
用java代码写美国时间_如何衡量Java代码所用的时间?
2019-08-28 15:52:01
java的Swing里怎么new一条线_java – 在JFrame上绘制一条线
2019-08-28 15:52:00
android ril.java_Android RIL学习
2019-08-28 15:52:00
rabbitmq怎么停止_Windows环境下RabbitMQ的启动和停止命令
2019-08-28 15:51:59
python简单菜单_创建一个简单的python菜单
2019-08-28 15:51:59
java oracle 字符_Oracle转义字符
2019-08-28 15:51:58
mysql8.0云时代_8.0.22Mysql的详细安装
2019-08-28 15:51:57
java中装饰器_Java设计模式12:装饰器模式
2019-08-28 15:51:57
java 信息增益_对信息增益(IG,Information Gain)的理解和计算
2021-10-31
java 提取url参数_Java提取URL某个参数的值
2021-10-31
java 随机数种子_Java--随机数和随机数种子(转)
2021-10-31
java获取文件列表_java获取指定目录中的文件列表
2021-10-31
java调用数据库存储过程_JAVA调用数据库存储过程
2021-10-31