js学习

1.JS学习，任何学习，要从基础做起就可以理解透彻，就可以自己分析源码学习。

0._this代表最初的对象

$("#btn").click(function(){
   var _this = this;//这里this和_this都代表了"#btn"这个对象
$(".tr").each(function(){
this;//在这里this代表的是每个遍历到的".tr"对象
_this;//仍代表"#btn"对象
})
})
这种情况就是在一个代码片段里this有可能代表不同的对象,而编码者希望_this代表最初的对象

1.逗号分隔开的两个条件的分别选出来的范围求并集，然后 前后部分没有任何关联

2.$("p#demo") 选取所有 id="demo" 的 <p> 元素。

3.$("a[href='#']") 选取所有a标签带有 href 值等于 "#" 的元素。

4.jq中Event 接口的 preventDefault()方法，告诉user agent：如果此事件没有被显式处理，那么它默认的动作也不要做（因为默认是要做的）。此事件还是继续传播，除非碰到事件侦听器调用stopPropagation() 或stopImmediatePropagation()，才停止传播。

5.jquery使用功能：$(selector).attr(attribute) 返回被选元素的属性值；

   $(selector).attr(attribute,value)设置被选元素的属性值；

6.WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。

而ARIA就是可以让屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！

<form role="form">role是一个HTML5的属性，role="form"告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色是个表单，在button中role="button"就是告诉设备，这是个按钮，可以点击。

bootStrap中tab页签定义： 

<ul class="nav nav-tabs" role="tablist" id="myTab">
              <li role="presentation" class="active"><a href="#memberInfo" role="tab" data-toggle="tab">集团对标</a></li>
              <li role="presentation"><a href="#cost" role="tab" data-toggle="tab">分公司对标</a></li>
              <li role="presentation"><a href="#company" role="tab" data-toggle="tab">电厂对标</a></li>
</ul>

 7. window的方法设置3秒后触发单击事件（trigger() 方法触发被选元素的指定事件类型）

  setTimeout(function(){
    // 默认点击“全行动态”
    $($('a[data-toggle="tab"]', _this.container)[0]).trigger('click');
  },500);

8.js中操作数组的方法

arrayObject.shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

push()方法在数组的尾部添加一个或者多个元素，并返回数组的新长度。

pop()方法删除数组的最后一个元素，并返回它的删除值。

find （找到某个值，返回的是找到的值）

join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。arrayObject.join(separator)

————splice移出数组中的元素方法

for (var i = tmpDenyIds.length - 1; i >= 0; i--) {
        if (tmpDenyIds[i] == "CUSTOM_DISPLAYCUSTOM_FLEXIBLEREPORT" ) {
          tmpDenyIds.splice(i, 1);
        }
      }