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;

时间: 2024-10-20 11:53:33

js常用函数陆续总结的相关文章

js 常用函数

document.getElementById("email").setAttribute("属性","属性名");//动态添加ID.class等 document.getElementById("email"). remoAttribute("属性","属性名");//动态删除属性.如ID.Class等 js 常用函数,布布扣,bubuko.com

JS常用函数大全

免疫bodyclick方法 这个是个比较好的方法,一个弹出窗口,要设定在任何其他地方点击这个窗口会自动消失,但点这个窗口内部是没事的.那么就要用到这个方法了. // (对body点击产生效果免疫的部分, 阻止冒泡body事件) // 通过ID屏蔽->@args(event, targetID) function blockClickToBodyById(a,b){return b==$(a.target).prop("id")||$(a.target).parents("

js常用函数整理

前言 整理了一些js常用函数,包括浏览器兼容, 常用字符串处理,获取信息以及移动端信息获取等 ,版本不断补充更新中, 其中大部分函数都已经验证过,如果有错误请及时反馈或者有好的一些工具函数,也可以提出来添加进去,针对相同作用的不同函数, 我会进行优化调整 并且测试,尽可能保证个浏览器兼容,排除冲突等. 先放出50个左右  JS代码如下   可直接copy到JS文件当中,目录不代表顺序,有些函数目录中或许没有显示.如有缺少 还请提出 让我更好的完善.  代码 /** * JSFrame Name:

JS常用函数用途小记

concat() 方法用于连接两个或多个数组. 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. var a = [1,2,3]; document.write(a.concat(4,5)); shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值. var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document

js常用函数和常用技巧

学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Ajax请求 jquery ajax函数 我自己封装了一个ajax的函数,代码如下: var Ajax = function(url, type success, error) { $.ajax({ url: url, type: type, dataType: 'json', timeout: 100

js常用函数、书写可读性的js、js变量声明...

1.Array类型函数 array.concat(item...) 函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组. array.join(separator) 函数功能:将array中的每个元素用separator为分隔符构造成字符串,默认的separator是逗号,当然你可以自己指定separator 事实上join方法最常用的地方在字符串相加,用过js的人都知道js的字符串相加是特别慢且性能特别差的,把大量片段字符串放在一个数组中并用join方法连接比用+

js常用函数收集

在js中,可以使用typeof获取变量或函数的类型,如下: 1 <head runat="server"> 2 <title></title> 3 <script type="text/javascript"> 4 window.onload = function() { 5 var aa = 1; 6 var bb = "123"; 7 alert("aa的类型: " + ty

jquery刷新页面 页面跳转 js常用函数

jquery刷新页面 局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法.返回data数据.这里想怎么处理就怎么处理了. }); $.getScript方法: $.getScript(”http://jqueryajax.com/jquery.js”, f

js常用函数汇总

/**  * 根据电话号码获取位置信息  * @param phoneNo 电话号码  * @param succFunc 调用接口成功的回调函数  *  回调函数入参的数据格式如下:  *  {   "mobile": "18576648552",   "province": "广东",   "isp": "中国联通",   "stock": "1&quo