demo0 jquery添加 删除

  • 被选标签的末尾 prepend
  • 被选标签的开头 append
  • 被选标签之后添加 after
  • 被选标签之前添加 before
  • 删除被选元素及其所有的子元素 remove
  • 删除被选元素的所有子元素 empty
  • 删除被选元素的类名为info的子元素 remove('.info')
  • 添加删除class
  • 添加单个css
  • 添加多个css2
  • 1
    2
    3
    4
    5
    6
    77.2
    8
    我会变
    我会变

    demo1 jquery查找元素

  • 1、父元素
  • 2、祖元素
  • 3、父子1子1_1子1_2子2
  • 4、获取我的链接
  • 5、获取前一个
  • 6、获取后一个
  • 7、第一个
  • 8、最后一个
  • 9、相邻元素
  • 10、选择第二到第五个(除了2)
  • 点击demo获取值

    demo2 用jquery 怎么知道我点击的是第几个li

  • 我是第一个
  • 我是第二个
  • 我是第三个
  • 我是第四个
  • 我是第五个
  • $('.demo2').find('li').on('click', function(){
       alert($(this).index());
    });
    
             

    demo3 jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。

  • 我有class
  • 我有class
  • 我是第三个
  • 我是第四个
  • 我是第五个
  • $(document).on('click','.demo3 li',function(){
       if($(this).is('.redColor')){ 
          $(this).addClass('blueColor').removeClass('redColor'); 
       }else{ 
          $(this).addClass('redColor').removeClass('blueColor'); 
       }
    });
    
    $(document).on('click','.demo3 li',function(){
       if($(this).hasClass('redColor')){ 
           $(this).addClass('blueColor').removeClass('redColor');
       }else if($(this).hasClass('blueColor')){ 
          $(this).addClass('redColor').removeClass('blueColor'); 
       }
    });
    
             

    demo4 jquery获取文本值、属性值

  • 点击获取文本
  • 点击获取html
  • 获取val
  • 点击获取class
  • 点击获取属性
  • 点击获取herf
  • 点击获取css
  • 点击demo获取值

    demo5 jquery 获取 div 宽度与高度(width,padding,margin,border)及距离

  • demo1
  • demo2
  • 浏览器显示区域(可视区域)
  • 览器页面文档
  • 当前窗口文档body
  • 滚动条
  • 相当于页面宽高度
  • 相对父元素宽高度
  • 点击demo获取值

    demo6 jquery效果(toggle,fadeToggle,slideToggle,animate)

  • 隐藏/显示
  • 淡入/淡出
  • 滑动
  • 动画
  • 1
    2
    3
    4

    demo7 jquery向上向下取整适

  • num1=1.37
    num2=3.74
    num3=110.85220
  • 向下取整 Math.floor
  • 向上取整 Math.ceil
  • 四舍五入 Math.round
  • 可解析一个字符串,并返回一个整数 parseInt
  • 进制的整数 parseInt
  • 点击demo获取值
    
    
             

    demo8 jquery取第一位

  • 点我就给你颜色
  • 点我反正给不了你颜色
  • 点我反正给不了你颜色
  • 点我反正给不了你颜色
  • 点我反正给不了你颜色
  • $('.demo8').find('li:first');
    $('.demo8 li:first');
    $('.demo8 li').eq(0);
    $('.demo8 li:eq(0)');
    
             

    demo9 jquery随机获取 0-10 其中一个数

  • 随机第一个
  • 随机第二个
  • 随机第三个
  • 1
    2
    3
    我们知道:0< x < 1 那么  不等式乘以10的结果就是 0 *10 < 10x < 1*10 => 0 < 10x < 10
    随机获取1-10 其中一个数
    Math.floor((Math.random()*10)+1);
    随机获取0-10 其中一个数
    Math.floor(11*Math.random());
    (Math.random()*11).toFixed(0);
    
             

    demo10 jQuery动态的在body里添加script标签

  • 点击添加
  • 点击demo获取值