js 常用

1、滚动到底部

 只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端了

2、准备完成

$(document).ready(function(){

});

$(function(){

});

3、遍历

$.each(data, function(){
       alert(this);
});

4、列表点击项/第几项

var index = $(this).index();

//var count= $("#ul_id li:first > span").attr("data-count");
			var count= $("#ul_id li").eq(0).children("span").attr("data-count");

5、点击事件

$(document).on("click","#id",function(){

});

$("#id").click(functoin(){

});

6、兄弟标签：$("#id").siblings

7、获得当前标签属性

$(this).attr("value");

$(this).val();

8、class处理：hasClass("class")、addClass("class")、removeClass("class")；

9、显示与隐藏：slideDown('fast')、slideUp('fast')、show()、hide()；

10、prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。

11、设置样式

$('#id').css("display",'none');

12、显示网页内容

$("#id").html(content);

13、滚动事件监听

$(window).scroll(function(){

}

14、事件监听

document.addEventListener('touchstart', touchMoveFunc, false);
document.addEventListener('touchmove', touchMoveFunc, false);
document.addEventListener('touchend', touchMoveFunc, false); 

15、获取对象键值

Object.keys(var)

15、观察对象变化

var o = {};

Object.observe(o, function(changes) {
  changes.forEach(function(change) {
    console.log(change.type, change.name, change.oldValue);
  });
});

o.foo = 1; // add, 'foo', undefined
o.foo = 2; // update, 'foo', 1
delete o.foo; // delete, 'foo', 2

16、JSON.parse(str)与JSON.stringify(a)

parse：用于从一个字符串中解析出json对象

stringify：用于从一个对象解析出字符串

17、调试

console.log(); info(); debug();    //在console窗口输出信息；

console.warn();  console.error();   warn方法输出信息时，在最前面加一个黄色三角，表示警告；error方法输出信息时，在最前面加一个红色的叉，表示出错，同时会显示错误发生的堆栈

console.table();   //可以将其转为表格显示

18、格式化日期

    // 对Date的扩展，将 Date 转化为指定格式的String   
    // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，   
    // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)   
    // 例子：   
    // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423   
    // (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18   
    Date.prototype.Format = function(fmt)   
    { //author: meizz   
      var o = {   
        "M+" : this.getMonth()+1,                 //月份   
        "d+" : this.getDate(),                    //日   
        "h+" : this.getHours(),                   //小时   
        "m+" : this.getMinutes(),                 //分   
        "s+" : this.getSeconds(),                 //秒   
        "q+" : Math.floor((this.getMonth()+3)/3), //季度   
        "S"  : this.getMilliseconds()             //毫秒   
      };   
      if(/(y+)/.test(fmt))   
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
      for(var k in o)   
        if(new RegExp("("+ k +")").test(fmt))   
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
      return fmt;   
    }  

19、换行方式：word-break属性；

normal :默认；break-all：允许在单词内换行；keep-all：只能在半角空格或连字符处换行。

20、除第一项的列

$("#ul li").not(":first").remove();

$("ul>li").not(":eq(0)").remove();