js常用函数陆续总结

1.each() 方法规定为每个匹配元素规定运行的函数。　

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

　　sb.append(item.answerNum); }

$(".switchBox").each(function() {

        var id = $(this).attr("id");

        var type = $(this).attr("typeId");

        createSlideDiv(id, type, fn);

    });

//attr() 方法设置或返回被选元素的属性值。

2.方法回调

if ($.isFunction(loadData)) loadData(obj);

$(function(){

        //初始化滑动div

        loadSwitchBox('.boxwrap',loadData,'#sub-frameMain','tab_1.html');

    });

    //加载页面数据

    function loadData(){

    }

3 :eq() 选择器选取带有指定 index 值的元素。

var default_BtnWidth = $wraper.find('.swichTxt').eq(0).width() 
oldIndex = $wraper.find('.cur').index(),

4. animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

$wraper.find(".switchBtn").animate({

                'left': '+=' + distant + 'px'

            }, function() {

                $wraper.find('.curTxt').html(curTxt);

                $wraper.find("#switchBtn").width(eleWidth);

                //执行回调函数

                if ($.isFunction(fnCallBack)) fnCallBack(obj);

            });

//设置switchBtn的左偏移，

5.outerWidth(options)
获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer

    wrapperWidth += $(this).outerWidth() + oPadding;

6.offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

//当前span左侧位置离左边的距离
var curBtn = $s_btn.offset().left;

7.siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。

<ul>

   <li>list item </li>

   <li>list item </li>

   <li class="third-item">list item </li>

   <li>list item </li>

   <li>list item </li>

</ul>

如果我们从第三个项目开始，则可找到该元素的同胞元素：

$('li.third-item').siblings().css('background-color', 'red');

此处调用的结果是将项目 1、2、4 和 5 的背景设置为红色。设置为红色背景。由于我们未应用选择器表达式，所有同胞元素很自然地成为了对象的一部分。如果已应用选择器，则只会包含四个列表中的匹配的项目。

原始元素不包含在同胞元素中，当我们打算找到 DOM 树的特定层级上的所有元素时，记住一点很重要。

秒客网

js常用函数陆续总结

相关文章