jQuery 操作入门案例

一、复选框案例

    功能:

        列表的全选，反选，全不选功能实现。

 实现步骤和分析：
- 全选
   1. 为全选按钮绑定单击事件。
    2. 获取所有的商品项复选框元素，为其添加 checked 属性，属性值为 true。

- 全不选
   1. 为全不选按钮绑定单击事件。
    2. 获取所有的商品项复选框元素，为其添加 checked 属性，属性值为 false。

- 反选
   1. 为反选按钮绑定单击事件
    2. 获取所有的商品项复选框元素，为其添加 checked 属性，属性值是目前相反的状态。

环境：需要引入jQuery

示例代码：

                        
         
             
                                                                
                  
分类ID
             
分类名称
             
分类描述
             
操作
         
         
             
             
1
             
手机数码
             
手机数码类商品
             
修改|删除
         
         
             
             
2
             
电脑办公
             
电脑办公类商品
             
修改|删除
         
         
             
             
3
             
鞋靴箱包
             
鞋靴箱包类商品
             
修改|删除
         
         
             
             
4
             
家居饰品
             
家居饰品类商品
             
修改|删除
         
     
    

二、随机图片案例

功能：

        随机图片：点击开始按钮,随机图片,点击停止按钮,停止并显示大图;

   实现步骤和分析：

    一)开始按钮:
        1. 准备一个数组
        2. 定义计数器
        3. 定义定时器对象
        4. 定义图片路径变量
        5. 为开始按钮绑定单击事件
        6. 设置按钮状态 
        7. 设置定时器，循环显示图片 
        8. 循环获取图片路径 
        9. 将当前图片显示到小图片上 
        10. 计数器自增

    二)停止按钮:
        1. 为停止按钮绑定单击事件
        2. 取消定时器
        3. 设置按钮状态 
        4. 将图片显示到大图片上

环境：需要引入jQuery和准备图片；

示例代码：