日星网

记录日常点点滴滴，欢迎来到我的小站。

0%

发表于 更新于 分类于 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var options={};

//获取每一个选项的显示值，保存到options对象中
$('#myselect option').each(function(){
  var option = $(this);
  options[option.text()] = option;
});

var keys = Object.keys(options).sort();

var $myselect = $('#myselect').empty();

$.each(keys,function(i,key){
  $myselect.append(options[key]);
});
阅读全文 »

发表于 更新于 分类于

JavaScript的函数作用域是指在函数内声明的所有变量在函数体内始终是可见的，并且在JavaScript函数里声明的所有变量都被“提前”值函数体的顶部。
例1

1
2
3
4
5
6
7
8
9
10
11
function test(o){
  var i = 0;
  if(type0f == "object"){
    var j = 0;
    for(var k=0; k<10; k++){
      console.log(k);  //输出数字0 ~ 9
    }
    console.log(k);  //k = 10
  }
  console.log(j); //j = 0
}

例2

1
2
3
4
5
6
var scope= "global";
function f(){
  console.log(scope); //undefined
  var scope = "local";
  console.log(scope); //local
}

发表于 更新于 分类于

基础篇

打印字符串

1
console.log("http://www.ttwinbug.com/");

打印提示消息

1
console.info("http://www.ttwinbug.com/");

打印警告消息

1
console.warn("http://www.ttwinbug.com/");

打印错误消息

1
console.error("http://www.ttwinbug.com/");

打印调试信息

1
console.debug("http://www.ttwinbug.com/");
阅读全文 »

发表于 更新于 分类于

  1. 按照数值大小进行排序

    1
    2
    3
    4
    5
    6
    var a=[33,4,1111,222]
    a.sort()   //字母顺序：1111, 222,33,4
    a.sort(function(a,b){
      return a-b;
    })    //4,33,222,1111
    a.sort(function(a,b){return b-a}); //逆反

  2. 不区分大小写的字母排序

    1
    2
    3
    4
    5
    6
    7
    8
    9
    a=['ant', 'Bug', 'cat', 'Dog'];
    a.sort()   //区分大小写的排序 Bug, Dog, ant, cat
    a.sort(function(s,t){
      var a = s.toLowerCase();
      var b = t.toLowerCase();
      if(a<b) return -1;
      if(a>b) return 1;
      return 0;
    });   // ant Bug cat Dog

发表于 更新于 分类于

求数组的和

1
2
var a[1,2,3,4,5];
var sum = a.reduce(function(x,y){return x+y}, 0);

求数组的积

1
2
var a[1,2,3,4,5];
var product = a.reduce(function(x,y){return x*y}, 1);

求数组中最大值

1
2
var a[1,2,3,4,5];
var max = a.reduce(function(x,y){return (x>y)?x:y});

发表于 更新于 分类于

方法非常简单。 在需要绑定的元素上添加

1
cursor:pointer

即可

如

1
.pro_compare .pro_check{float:right; background:url(images/pro_check.png) no-repeat 0 -24px; width:24px; height:24px; [cursor:pointer;}

发表于 更新于 分类于

浏览器的scroll()和resize()方法都是实时处理的，比如浏览器拉动浏览器的过程中一直在触发scroll()，浏览器的在改变大小尺寸的时候一直在触发resize()，如果在这两个方法里加上函数之后，会一直不间断的去处理，很可能造成浏览器负荷。

解决的方法就是延时，当然还有其他方法。比如，原先的处理方法是：

1
2
3
4
$(window).scroll(function()
{
        alert();
});
阅读全文 »

发表于 更新于 分类于

HTML

我们的页面上有一个歌曲列表，列出多行歌曲名称，并匹配复选框供用户选择，并且在列表下方有一排操作按钮。

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul id="list">  
   <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li>
   <li><label><input type="checkbox" value="2"> 2.海阔天空</label></li>
   <li><label><input type="checkbox" value="3"> 3.真的爱你</label></li>
   <li><label><input type="checkbox" value="4"> 4.不再犹豫</label></li>
   <li><label><input type="checkbox" value="5"> 5.光辉岁月</label></li>
   <li><label><input type="checkbox" value="6"> 6.喜欢妳</label></li>
</ul>
<input type="checkbox" id="all">
<input type="button" value="全选" class="btn" id="selectAll">  
<input type="button" value="全不选" class="btn" id="unSelect">  
<input type="button" value="反选" class="btn" id="reverse">  
<input type="button" value="获得选中的所有值" class="btn" id="getValue">
阅读全文 »