HTML——jquery学习笔记+实例+动画效果+表格处理

HTML——jquery学习笔记+实例


    $("img").hover(function () {
        alert("鼠标移动到图片上");
    },function () {
        alert("鼠标从图片上移出");
    })
})



绑定事件  解除绑定

HTML——jquery学习笔记+实例+动画效果+表格处理_第1张图片




    
    文档处理
    




       

绑定

绑定

解除绑定

Band  live  绑定时间
HTML——jquery学习笔记+实例+动画效果+表格处理_第2张图片




    
    Title
    


    
    



Click here


内层外层diiv监听
HTML——jquery学习笔记+实例+动画效果+表格处理_第3张图片




    
    Title
    
    
    







简单动画效果
1.滑动上下



    
    效果
    




Hello

Hello

出来

2 放大缩小



    
    Title
    
    





Hello!


HTML——jquery学习笔记+实例+动画效果+表格处理_第4张图片
3左右移动




    
    Title
    





 

HTML——jquery学习笔记+实例+动画效果+表格处理_第5张图片 HTML——jquery学习笔记+实例+动画效果+表格处理_第6张图片

表格出来 增删改查

HTML——jquery学习笔记+实例+动画效果+表格处理_第7张图片



    
    Title
    
    
    



编辑表格
学号 姓名 操作
000001 张三
000002 李四
000003 王五
000004 赵六

2


HTML——jquery学习笔记+实例+动画效果+表格处理_第8张图片



    
    Title
    
    
    



编辑表格
学号 姓名 操作
000001 张三
000002 李四
000003 王五
000004 赵六







你可能感兴趣的:(HTML,HTML,学习专栏)