jQuery笔记11-8

jQuery相关

1、当有几个计时器同时串行使用的时候，如果延迟时间设置的不正确，会出现，上一动作完成后，不会延迟，立马执行下一动作的情况，这时要注意，串行上游的计时器的时间必须小于下游计时器的延时时间。

2、停止当前动画的动画效果，animate方法的stop可以停止，但是，stop的参数，会以不同的方式，停止当前动画，

stop();//停止当前动画，继续下一个动画

stop(true);//清除元素的所有动画

stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画

stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

3、判断当前元素是否处于动画状态（animate）

if(! $(element).is(":animated") ){   //判断元素是否处于动画状态

 //如果当前元素没有执行动画，...  

}

4、判断一个变量是不是数字

isNaN函数

5、冒泡事件的用法，大块时间嵌套小块事件

<span style="color:#ff0000">首先，定义点击div改变背景色事件；</span><p></p>  

1. <p>   </p><pre name="code" class="html">
2. $("div").click(function(){  
3.         $(this).css("background-color","red");  
4.         console.log("3");  
5.     });
6. </pre><p></p>  
7. <p><span style="color:#ff0000">其次，定义点击整个文档事件，也就是点击除了div元素外的内容，还原div的背景色。</span></p>  
8. <p>   </p><pre name="code" class="html">  
9. $(document).click(function(){  
10.         console.log("1");  
11.         $("div").css("background-color","white");  
12.     });
13. </pre><pre name="code" class="html"><span style="color:#ff0000;">但是这种写法，点击div也会触发还原背景色的事件，所以要阻止冒泡事件，添加如下代码：</span></pre><pre name="code" class="html"><pre name="code" class="html">        <pre name="code" class="html">
14. $("div").click(function(event){  
15.     console.log("2");  
16.         event.stopPropagation();  
17. });</pre><p></p>  
18. <pre></pre>  
19. <br>  
20. <pre></pre>  
21. <p></p>  
22. <link rel="stylesheet" href="http://static.blog.csdn.net/public/res-min/markdown_views.css?v=2.0">  
23.             </pre></pre>  

6、ajax读取数据

Ajax异步处理数据，所以可以在请求数据的同时，页面不会出出现假死状态。

//读取json数据，并将数据加入到树形控件中

$.ajax({

     type: "GET",

     dataType: "json",

     url: 'Ajax.json',

     success: function (data) {

        $.each(data,function (index,item) {

            $(".tab-border ul li ul").append(newLi(item));

        })

         }

});

7、动态添加的元素添加事件

用on方法对动态添加的元素添加监听事件，并且on方法后面的选择器，需要是新添加的元素

func.on("click", "tr .icon-delete", iconDel);

tBodyEle.on("click", "tr .dropdown-menu li a", changeTxt);

tBodyEle.on("click", "tr .icon-up", iconUp);

tBodyEle.on("click", "tr .icon-down", iconDown);

8、动态添加元素的事件解除

用到off函数，示例//解除元素绑定的所有监听函数

tBodyEle.off(“click", "tr .dropdown-menu li a");

9、表格td中要想保持文本的换行符，可以添加pre标签的一个属性到td标签内，该属性时white-space: pre;