本文共 1705 字，大约阅读时间需要 5 分钟。

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