Jquery小技巧

jquery 最佳实践：

选择器方面：id 选择器 = 标签选择器 > 类选择器 > 属性选择器、伪类选择器

DOM方面  ：使用   $parent.find('.child')  来选取后代元素。

　　　　　　尽量少操作DOM，将需要append的所有内容，合并起来，最后一起append。

　　　　　　浏览器原生的innterHTML方法比jQuery对象的html()更快

 

document.getElementById(“myDiv”).innerHTML = “
我是新添加的子元素
”;

 

能使用js的地方就不要使用jquery。例如： 使用for循环来代替 .each()，使用 this.id代替$(this).attr("id")

做好缓存，若选中的元素需要用到多次，可以将元素放到变量中。

　　　　　jQuery('#top').find('p.classA');

　　　　   jQuery('#top').find('p.classB');

使用链式写法：$('div').find('h3').eq(2).html('Hello');

前台脚本的写法：$(function(){

　　　　　　　　　　initial();//页面初始化要做的事情

　　　　　　　　　　HaveDone();//页面加载完成后要走的事件

　　　　　　　　});

　　　　　　　　function initial(){

　　　　　　　　do sth……//页面初始化要做的事情

　　　　　　　}；

 

　　　　　　　　function initial(){ 

　　　　　　　　do sth……//页面加载完成后要走的事件 

　　　　　　　}；

 $(function(){});    页面DOM结构加载完之后，触发，如果脚本是在body后面引入的，可以不需要等待加载。

$(window).load(function(){}); 页面中所有的元素全都加载完之后才会触发，包括DOM,图片元素，超链接等……

//ID选择器
$('#one').css();

//类选择器
$('.mini').css();

//标签选择器
$('div').css();

//选取所有元素（通配符选择器？）
$('*').css();

//分组选择器
$('span,#two').css();


下面是层次选择器
//后代选择器（选择body内所有的div元素）
$('body div').css();

//子选择器（在body内的选取 元素名是div 的子元素.）
$('body > div').css();


//相邻兄弟选择器（选取紧邻着 class为one的元素的。或者说：选取所有class为one 的下一个div元素.）
$('.one + div').css();


//普通兄弟选择器（选取id为two的元素后面的所有div兄弟元素.即使中间隔着其他元素，也能够被选中）
$('#two ~ div').css();



下面是伪类选择器
//选取第一个div元素.
$('div:first').css();

//选取最后一个div元素.
$('div:last').css();

//选取class不为one的 所有div元素.
$('div:not(.one)').css();

//选取 索引值为偶数 的div元素。
$('div:even').css();

//选取 索引值为奇数 的div元素。
$('div:odd').css();

//选取 索引等于 3 的元素
$('div:eq(3)').css();

//选取 索引大于 3 的元素
$('div:gt(3)').css();

//选取 索引小于 3 的元素
$('div:lt(3)').css();

//选取 所有的标题元素.比如h1, h2, h3等等...
$(':header').css();

//选取 当前正在执行动画的所有元素.
$(':animated').css();

//选取 当前获取焦点的所有元素.
$(':focus').css();

下面是表单选择器
$("#form1 :text").val();
$("#form1 :password").val();
$("#form1 :radio").val();
$("#form1 :checkbox").val();
$("#form1 :submit").val();
$("#form1 :image").val();
$("#form1 :reset").val();
$("#form1 :button").val();//   和 都可以匹配
$("#form1 :file").val();
$("#form1 :hidden").val();// 和
test
都可以匹配.
$("#form1 select").val();
$("#form1 textarea").val();
$("#form1 :input").val();
$("#form1 input").val();


下面是内容过滤选择器
//选取含有 属性title 的div元素.
$('div[title]').css()
//选取含有文本"di"的div元素.
$('div:contains(di)').css();

//选取不包含子元素(或者文本元素)的div空元素.
$('div:empty').css();

//选取含有class为mini元素 的div元素.
$("div:has('.mini')").css();

//选取含有子元素(或者文本元素)的div元素.
$('div:parent').css();

//选取所有可见的元素.
$('div:visible').css();

//选取所有不可见的元素
$('body :hidden').show();


下面是属性选择器
//选取含有 属性title 的div元素.
$('div[title]').css();

//选取 属性title值等于 test 的div元素.
$('div[title=test]').css();

//选取 属性title值不等于 test 的div元素.
 $('div[title!=test]').css();

//选取 属性title值 以 en 开始 的div元素.
$('div[title^="en"]').css();

//选取 属性title值 以 est 结束 的div元素.     
 $("div[title$=est]").css();

//选取 属性title值 含有 en  的div元素.
$('div[title*="en"]').css();

//选取 属性title等于en或以en为前缀（该字符串后跟一个连字符'-'）的元素
$('div[title|="en"]').css();

//选取 属性title用空格分隔的值中包含字符uk的元素.
$('div[title~="uk"]').css();
title为en uk的div元素
  

//组合属性选择器,首先选取有属性id的div元素，然后在结果中 选取属性title值 含有 es 的元素.
$('div[id][title*=es]').css();


下面是子元素过滤选择器
//选取每个父元素下的第2个子元素
 $('div.one :nth-child(2)').css();

//选取每个父元素下的第一个子元素
$('div.one :first-child').css();

//选取每个父元素下的最后一个子元素
$('div.one :last-child').css();

//如果父元素下的仅仅只有一个子元素，那么选中这个子元素
$('div.one :only-child').css();


下面是表单对象属性过滤选择器
//对表单内 可用input 赋值操作.
$("#form1 input:enabled").val();  

//对表单内 不可用input 赋值操作.
$("#form1 input:disabled").val();

//使用:checked选择器，来操作多选框.
$(":checkbox").click();   
$("input:checked").click();

//使用:selected选择器，来操作下拉列表.
$("select :selected").click()

Jquery选择器

 

降低元素与事件的耦合性（页面标签和JS事件的另一种绑定方法）

<input type="button" name="name" value="按钮" id="btn" btn-click="clkEvent" />

Html标签代码

        $(function () {
            $("input[btn-click]").click(function () {
                var strFunc = $(this).attr("btn-click");//好像用this.attr()就可以，没必要使用$
                eval(strFunc + "()");//利用eval的特点来调用方法clkEvent方法
            });
        })

        function clkEvent(){
            //do sth....
        }


//当该按钮，不需要执行某方法的时候，只需要将html标签中的btn-click属性删掉即可。

JS代码

 

document.getElementById(“myDiv”).innerHTML = “
我是新添加的子元素
”;

使用innerHtml操作DOM

 

$("#getSltValue").trigger("click");

进入页面后，就执行某个元素的某个事件

 

$("#getSltValues").css("opacity", "0.3");

为元素增加透明度（with jQuery）

 

 $("#getLocation").click(function () {
                $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function () {
                    alert(remote_ip_info.country); //国家  
                    alert(remote_ip_info.province); //省份  
                    alert(remote_ip_info.city); //城市  
                });  
            });

调用新浪接口，获取当前所在的位置

 

 var mytime = new Date();
            var myhour = mytime.getHours().toString();
            var mymins = mytime.getMinutes().toString();
            var mysecond = mytime.getSeconds().toString();
            var myHaoMiao = mytime.getMilliseconds().toString();

JS获取当前时间

 

             var option=$('#select option: selected');
             var remove=option.remove();

用变量去接收所删除的节点

 

 $("tr: contains('王五')").addClass("selected").siblings().removeClass("selected").end().find(':radio').attr("checked", true);


/*上面这段代码使用了end()方法，当前对象是$(this)，当进行addClass("selected")操作时，对象从未发生变化，当执行siblings().removeClass('selected')操作时，对象已经变为$(this).siblings(), 因此后面的操作都是针对这个对象的，如果要重新返回到$(this)对象，就可以使用end()方法，这样后面的代码就会针对之前的对象进行操作了。*/

Jquery的链式写法

 

//class内容
.selected
        {
            background: #FF6500;
            color: #fff;
        }

$('tbody>tr').click(function () {
                if ($(this).hasClass('selected')) {
                    $(this).removeClass('selected').find(':checkbox').attr('checked', false);
                }
                else {
                    $(this).addClass("selected").find(':checkbox').attr('checked', true);
                }
            });

复选框控制表格的行 高亮

 

$("a.tooltip").mouseover(function (e) {
                this.myTitle = this.title;
                this.title = "";
                var tooltip = "
" + this.myTitle + "<\/div>";
                //创建 div 元素
                $("body").append(tooltip);
                //把它追加到文档中
                $("#tooltip").css({
                    "top": (e.pageY) + "px", //+ "px"
                    "left": (e.pageX) + "px" //+ "px"
                }).show("fast");
            }).mouseout(function () {
                this.title = this.myTitle;
                $("#tooltip").remove();
                //移除
            }).mousemove(function (e) {
                $("#tooltip").css({
            "top": (e.pageY) + "px", //
            "left": (e.pageX) + "px"//+ "px"
        });
            });


//提示框的样式
 #tooltip
        {
            position: absolute;
            border: 1px solid #333;
            background: #f7f5d1;
            padding: 1px;
            color: #333;
            display: none;
        }

鼠标悬停 给出提示title

 

.focus{
     border: 1px solid #f00;
     background:#fcc;
}


$(":input").focus(function  () {
     $(this).addClass("focus");         
}).blur(function  () {
     $(this).removeClass("focus");
});

文本框获得焦点时增加边框

 

 //获取页面中的所有p元素
            var items = document.getElementsByTagName("p");
            for (var i = 0; i < items.length; i++) {
                items[i].onclick = function (e) {
                    //给每一个p添加onclick事件            
                    alert("事件添加成功！" + e.currentTarget.innerHTML);
                }
            };

为页面中所有的P元素增加点击事件

 

//将鼠标移到图片上的时候，显示大图
        function ABC() {
            var x = 10;
            var y = 20;
            $("a.tooltip").mouseover(function (e) {
                this.myTitle = this.title;
                this.title = "";
                var imgTitle = this.myTitle ? "
" + this.myTitle : "";
                var tooltip = "
" + imgTitle + "<\/div>";
                //创建 div 元素
                $("body").append(tooltip);
                //把它追加到文档中                         
                $("#tooltip").css({
                    "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px"//设置x坐标和y坐标，并且显示
                }).show("fast");
            }).mouseout(function () {
                this.title = this.myTitle;
                $("#tooltip").remove();
                //移除
            }).mousemove(function (e) {
                $("#tooltip").css({
                    "top": (e.pageY + y) + "px", "left": (e.pageX + x) + "px"
                });
            });
        }

将鼠标移到图片上的时候，显示大图

 

$("#tb tr: even").css('background', 'yellow');
            $("#tb tr: odd").css('background', 'pink');
            $("#tb tr: first").css("background", "");

使用Jquery为表格增加斑马线

 

<label>
        无锡label><input type="checkbox" name="city" value="无锡" />
    <label>
        苏州label><input type="checkbox" name="city" value="苏州" />
    <label>
        江苏省label><input type="checkbox" name="province" value="江苏省" />
    <input type="button" name="btn" value="点击查看" id='btn_query' />

Jquery操作复选框（HTML）

//使用代码，将复选框的（无锡，江苏），默认勾选
$("input[type='checkbox']").val(["无锡", "江苏省"]);

//相当于使用
$("input[value='无锡']").attr("checked", true);
$("input[value='江苏省']").attr("checked", true);

// 获取页面上所有勾选中的城市
$("#btn_query").click(function () {
                var citys = [];
                $("input[name='city']:checked").each(function () {
                    var options = {};
                    if (this.value != "") {
                        options.data = this.value;
                        citys.push(options);
                    }
                });
            });


//全选
        $("#CheckedAll").click(function () {
            $('[name=items]:checkbox').attr('checked', true);
            // $('[name=items]:checkbox').attr("checked", this.checked);
            //要使用this.checked代替true，checkedAll肯定要是一个复选框或者单选框
        });

        //全不选
        $("#CheckedNo").click(function () {
            $('[type=checkbox]:checkbox').attr('checked', false);
        });

        //反选
        $("#CheckedRev").click(function () {
            $('[name=items]:checkbox').each(function () {
                //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
                //$(this).attr("checked", !$(this).attr("checked"));
                //$(this).prop("checked", !$(this).prop("checked"));
                //直接使用JS原生代码，简单实用
                this.checked = !this.checked;
            });
        });

Jquery操作复选框

 

    <select id="slt">
        <option value="cz">常州市option>
        <option value="nt">南通市option>
        <option value="zj">镇江市option>
        <option value="yz">扬州市option>
    select>
    <button id="setSltValue">
        设置下拉框中的值button>
    <button id="getSltValue">
        获取下拉框中的值button>
    <input type="button" value="查看下拉框中的所有项" id="getSltValues" />

Jquery下拉框操作（HTML）

//设置下拉框当前值
$("#setSltValue").click(function () {
                $("#slt").val("zj");
                //zj=镇江市     
                //上面这行代码，相当于$("#slt option: eq(2)").attr("selected", true);
            });


//获取选中的值
$("#getSltValue").click(function () {
                alert($("#slt").val());
                // alert($("select: selected").val());

                // $("select:selected").each(function () {
                //当有多个选项被选中的时候
                //         str += $(this).text() + ", ";
                //
            });


$("#getSltValues").click(function () {
            var slt = $("#slt").children();
            //children方法，只考虑子元素，其他元素不会考虑
            for (var i = slt.length - 1;i >= 0;    i--) {
                alert(slt[i].innerHTML);
            }
            var city = $("#slt").children("镇江市");
            //这里能够获取到option为镇江市的这个对象。
        });
//给下拉框增加一个option
            $("#select_materialid").append("" + content[0].MaterialId + "");
            $("#select_materialid").val(content[0].MaterialId);

Jquery下拉框操作

 

            //存入值
            $.cookie('the_cookie', 'the_value');
            //取值
            $.cookie('the_cookie');
            //删除cookie
            $.cookie('the_cookie', null);



//完整的cookie属性
 
//删除cookie
            $.cookie('', '', {
                expires: 7, //cookie的过期时间（天）。如果写入的是一个负数，那么cookie会被删除，如果不设置，或者为null，那么当浏览器在关闭的时候，会被删除。
                path: '/', //默认是创建该cookie的页面路径。（说人话就是：在该网站根路径下的所有页面都能读取该cookie）
                domain: 'jquery.com', //创建该cookie的页面域名(访问jquery.com这个网站的时候，浏览器会将该cookie携带给网站的服务器)
                secure: true//如果为true，那么在传输的时候会要求一个安全协议，如果https
                // path, domain, secure都是有默认值的，所以在用的时候，可以不需要额外申明
            });       

Jquery使用cookie

 

if (typeof jQuery == 'undefined') {
  console.log('jQuery hasn\'t loaded');
} else {
  console.log('jQuery has loaded');
}

检查 jQuery 是否加载

 

//当页面需要使用大量开始不可见的（例如，悬停的）图像，那么可以预加载这些图像：

$.preloadImages = function () {
  for (var i = 0; i < arguments.length; i++) {
    $('').attr('src', arguments[i]);
  }
};

$.preloadImages('img/hover-on.png', 'img/hover-off.png');

预加载图像

 

$('img').on('error', function () {
if(!$(this).hasClass('broken-image')) {
$(this).prop('src', 'img/broken.png').addClass('broken-image');
}
});

自动修复破坏的图像

 

$('input[type="submit"]').prop('disabled', true);


$('input[type="submit"]').prop('disabled', false);

禁用按钮

 

$('a.no-link').click(function (e) {
e.preventDefault();
});

停止加载链接

 

// Fade
$('.btn').click(function () {
$('.element').fadeToggle('slow');
});
// Toggle
$('.btn').click(function () {
$('.element').slideToggle('slow');
});

淡入/滑动切换

 

当Ajax调用返回404或500错误时，就执行错误处理程序。如果没有定义处理程序，其他的jQuery代码或会就此罢工。定义一个全局的Ajax错误处理程序：

$(document).ajaxError(function (e, xhr, settings, error) {
console.log(error);
});

AJAX调用错误处理

 

//要把页面中，所有输入信息的元素放在表单中
var alltext = $("#form1:text");
        var allpassword = $("#form1:password");
        var allradio = $("#form1:radio");
        var allcheckbox = $("#form1:checkbox");

获取表单中所有输入框中的值

 

// 返回顶部
$('a.top').click(function (e) {
  e.preventDefault();
  $(document.body).animate({scrollTop: 0}, 1000);
});
//1000：1秒完成。


Back to top



document.body.scrollTop = 0;
            $(window).scrollTop(0);

返回顶部按钮

 

$("input").keydown(function (e) {
                alert(e.keyCode);
})

BackSpace    8    

Esc    27    

Tab    9    

Spacebar    32    

Enter    13    

Delete    46    

Shift    16    

Control    17    

Alt    18    

A    65    J    74    S    83    1    49
B    66    K    75    T    84    2    50
C    67    L    76    U    85    3    51
D    68    M    77    V    86    4    52
E    69    N    78    W    87    5    53
F    70    O    79    X    88    6    54
G    71    P    80    Y    89    7    55
H    72    Q    81    Z    90    8    56
I    73    R    82    0    48    9    57

键盘常用按键的按键码（不是ASCII码）

 

("#div").mousedown(function(e){
   alert(e.which); 
})

获取鼠标按键

 

//JS写法
window.onload=function  () {            
             //通过event对象来获取事件的参数
        document.getElementById("body").onclick=function  (e) {    

        //window.event;   (在IE9.10.11中获取事件对象的方式) ，在chrome中完美运行！
        /*在 火狐中，直接给匿名函数中传递e  function(e){
            if (e.shiftKey) {
                alert("按了shift键");
            }
        }
        */
        //在火狐或者IE 8/9/10/11中都能完美运行的解决方法
        var evnt=window.event||e;
        if (evnt.shifKey){
            alert("按了shift键");
        }else if (evnt.ctrlKey)  {
             alert("按住了ctrl键")
        }else if(evnt.altKey){
            alert("按住了Alt键");
        }else{
            alert("普通点击！");
        }

        //获取当前页面鼠标坐标点
         var x=evnt.clientX;
         var y=evnt.clientY;
         //相对于屏幕鼠标坐标点
         var x1=evnt.screenX;
         var y1=evnt.screenY;
         //相对于元素自身内部鼠标坐标点
         var x2=evnt.offsetX;
         var y2=evnt.offsetY;
    }
        }


//Jquery写法
$(function(e){
   $('body').click(functioin(e){
        alert(e.pageX+'  , '+e.pageY); 
    });        
})

获取鼠标坐标点

 

<h3>事件冒泡h3>
    <div id="d1" style="background-color: yellow;height:150px;width:150px">
        <p id="p1" style="background-color: green;height: 100px;width:100px">
            <input id="s1" style="background-color: red;height: 50px;width: 50px"  type="text"  value="123" /> 
        p>
    div>

阻止事件冒泡

window.onload=function () {
            document.getElementById('d1').onclick=function(e){
                //阻止事件冒泡
                var evt=window.event||e
                 // evt.cancelBubble=true;
alert(this.id);
             } 
             document.getElementById('p1').onclick=function(e){
                //阻止事件冒泡（在IE下）
                var evt=window.event||e
                 // evt.cancelBubble=true;
alert(this.id);
             } 
             document.getElementById('s1').onclick=function(e){
                 //阻止事件冒泡（在IE下）
                 var evt=window.event||e
                 // evt.cancelBubble=true;
                 //获取引发事件的最初对象
                 var TargetObj=evt.srcElement||evt.target;
alert(this.id);
             } 
             //上面这段代码，点击最小的那个元素（123），之后会将P1和d1的ID也给弹出来这就是事件冒泡
             
             
document.getElementById('d1').onmousedown=function(e){
                //阻止事件冒泡
                var evt=window.event||e
                 evt.cancelBubble=true;
                alert(this.keycode);
             } 
        }

阻止事件冒泡（JS写法）

$(function(){
            $('d1').click(function(e){
                e.stopPropagation();
                e.originalEvent//获取原声的事件（event）对象     
            });
        })    

阻止事件冒泡Jquery

 

阻止浏览器默认的右击事件

 

 function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return (r[2]); return null;
        }


var material_NO = getUrlParam('material_NO');

获取当前url中的参数的值

 

        var table = document.createElement("table");
        table.border = "1px";
        table.width = "150px";
     
        table.style.borderStyle='solid';

        var thead = table.createTHead();
        var tbody = table.createTBody();
        
        var trHead0 = thead.insertRow(0);
        trHead0.style.borderStyle='solid';
        trHead0.insertCell(0).appendChild(document.createTextNode("姓名"));
        trHead0.insertCell(1).appendChild(document.createTextNode("年龄"));

        var trBody0 = tbody.insertRow(0);//在表体中创建第一行
        var trBody1 = tbody.insertRow(1);//在表体中创建第二行
        trBody0.insertCell(0).appendChild(document.createTextNode("nick"));
        trBody0.insertCell(1).appendChild(document.createTextNode("18"));
        trBody1.insertCell(0).appendChild(document.createTextNode("jenny"));
        trBody1.insertCell(1).appendChild(document.createTextNode("21"));

        trBody0.deleteCell(1);//将body中，第一行的第二个单元格给删除掉。————将“18”删掉        
        document.body.appendChild(table);

使用JS创建table

 

//日期格式 2011-11-11
 function dateCompare(t1, t2) {
            var strs1 = new Array(); //定义一数组
            strs1 = t1.split("-"); //字符分割
            var strs2 = new Array(); //定义一数组
            strs2 = t2.split("-"); //字符分割
            if (strs1[0] > strs2[0]) { return false; }
            else if (strs1[0] < strs2[0]) { return true; }
            else { }
            if (strs1[1] > strs2[1]) { return false; }
            else if (strs1[1] < strs2[1]) { return true; }
            else { }
            if (strs1[2] > strs2[2]) { return false; }
            else if (strs1[2] < strs2[2]) { return true; }
            else { }
            return true;
        }

JS比较日期大小

JS日期的其他操作：http://www.cnblogs.com/soulmate/p/5629203.html

 

function showTime () { 
var curtime=new Date();
$(".getDateTime").text(curtime.toLocaleString());
setTimeout("showTime()",1000);
}


$(function(){
   showTime(); 
})

JS生成时钟

 生成时钟使用了setTimeout方法，该方法是等待XX毫秒后调用指定的函数。

还可以使用setInterval方法，每隔xx毫秒调用指定的函数

function GetCurrentDate() {
    var t = new Date();
    var y = t.getFullYear();
    var d = t.getDate();
    var m = t.getMonth() + 1;
    if (m < 10) {
        m = '0' + m;
    }
    if (d < 10) {
        d = '0' + d;
    }
    return y + '-' + m + '-' + d;
}

JS获取当前日期

 

function GetDateTime() {
    var mytime = new Date();
    var date = mytime.getDate();
    var month = mytime.getMonth() + 1;
    var min = mytime.getMinutes();
    var sec = mytime.getSeconds();
    var hour = mytime.getHours();
    var monthStr = month.toString();
    var dateStr = date.toString();
    var hourStr = hour.toString();
    var minStr = min.toString();
    var secStr = sec.toString();
    if (date < 10) {
        dateStr = "0" + dateStr;
    }
    if (month < 10) {
        monthStr = "0" + monthStr;
    }
    if (min < 10) {
        minStr = "0" + minStr;
    }
    if (sec < 10) {
        secStr = "0" + secStr;
    }
    var lmDate = mytime.getFullYear().toString() + monthStr + dateStr;
    var lmTime = hourStr + minStr + secStr;
    return lmDate + lmTime;
}

JS获取当前日期+时间

 

$('#btn').click(function () {                
                var tab = document.getElementById("kanBan");            
                      var trs = tab.rows;
                      for(var i = 0, len = trs.length; i < len; i++){
                          var cell = trs[i].cells[2];
                          cell.style.display = 'none';//如果不需要影藏了，可以将display属性赋一个空的字符串。
                      }                  
            });

使用JS影藏table中的列

 

    
    
    


    
表格光棒效果
    

        

            
1
            
2
            
3
            
4
            
5
        
        

            
6
            
7
            
8
            
9
            
10
        
    
        

表格光棒效果

 

    if (!Array.prototype.indexOf) {
        Array.prototype.indexOf = function (elt /*, from*/) {
            var len = this.length >>> 0;
            var from = Number(arguments[1]) || 0;
            from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
            if (from < 0)
                from += len;
            for (; from < len; from++) {
                if (from in this &&
          this[from] === elt)
                    return from;
            }
            return -1;
        };
    }

为IE8增加indexOf方法