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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:随机点名DEMO
下一篇:AJax局部更新技术快速入门

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.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 txt html格式_java中xml(txt/html等格式)解析问题,请教java高手,请勿粘贴其他网页上的内容(能查的都看了)。... 2021-10-31
java compareable接口_Java对象比较-Comparable和Comparator接口使用 2021-10-31
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