js全选/全不选

方法一:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>全选/全不选1</title>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
    <input type="checkbox" class="allcheck">全选/全不选<br>
    <input type="checkbox" class="subcheck">
    <input type="checkbox" class="subcheck">
    <input type="checkbox" class="subcheck">
    <input type="checkbox" class="subcheck">
    <input type="checkbox" class="subcheck">

    <script>
    	$(function(){
            $(".allcheck").click(function(){
                $(".subcheck").prop("checked",$(".allcheck").prop("checked"));
            });
    	});
    </script>
</body>
</html>

方法二：

阅读全文 >>

js

document.ready=function(){}和$(function(){})和window.onload=function(){}区别

一、window.onload=function(){};

  1. 是js原生写法，意思是带文档完全加载完毕后再执行其中的代码。
  2. 只能写一个，各种函数都可以写在这里面。

二、$(function(){})

  1. 是依赖于jQuery的，是$(document).ready(function(){})的简写。
  2. 不需要等文档完全加载，只需文章结构加载完就能执行其中的代码。
  3. 可以写多个，按顺序执行。

三、document.ready=function(){}

  1. 也是依赖于jQuery的。
  2. 相当于$(function(){})，但优先级没有$(function(){})高，从下面的例子就可以看出：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <script>
    	document.ready=function(){
    		alert(1);
    	};

    	$(function(){
    		alert(2);
    	});

    	$(function(){
    		alert(3);
    	});

    	//输出的顺序为2 3 1
    </script>

四、(function(){})();

注：如有不正确的地方和不完整之处，希望小伙伴们呢能给指正！

end

js

js和jQuery中常用的随机数产生函数

无论在普通Js框架或者JQuery中都可以使用的，函数如下，使用方法简介：

1）获取0-100的随机数——getRandom(100);

2）获取0-999的随机数——getRandom(999);

3）以此类推…

1
2
3
4
5
6
7
<script>
	function getRandom(n){
	   return Math.floor(Math.random()*n+1)
	};
	var num=getRandom(100);
	console.log(num);
</script>

end

js