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;

 

 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。