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获取值