jQuery基础（三）—— jQuery常见方法

最新推荐文章于 2024-11-03 14:27:05 发布

原创最新推荐文章于 2024-11-03 14:27:05 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

本文深入解析jQuery中的静态与非静态方法，包括定义、使用及常见方法如each、map、isArray、isFunction等的功能与应用场景，帮助读者掌握jQuery核心操作技巧。

jQuery中的方法和java类似，也分为静态方法和非静态方法；静态方法类名直接调用，非静态方法对象调用。

jQuery对象类似数组（有length属性，有0到length-1个元素，例如：var ss ={0:1,1:6,2:5，3：9，length：4} ，ss就是伪数组）。

（1）jQuery静态方法和非静态方法的定义和使用：

jQuery静态方法定义和使用：

//定义A类的静态方法

A.method = function（）{ }

//调用A类的静态方法

A.method（）；

jQuery非静态方法定义和使用：

//定义A类的非静态方法

A.prototype.method = function(){ }

//创建实例

var a = new A（）；

//通过对象调用方法

a.method()

jQuery常用静态方法：each（）、isArray（）、map（）、isWindows（）、isFunction（），trim（）等。

jQuery常用非静态方法：等。

（2）jQuery常用静态方法

①each方法

原生js是用forEach（）来遍历数组，且只能遍历数组。

jQuery的静态方法：each（）不仅可以遍历数组还能遍历jQuery对象这样的伪数组。

//定义伪数组
var ss ={0:1,1:6,2:5，3：9，length：4}

//遍历
$.each(arr, function(index, value){

})

index对应0，1,2,3

value对应1,6,5,9

②map方法

原生js的map（）方法也不能遍历伪数组，只能遍历数组。

jQuery的map（）方法则可以遍历伪数组。

//定义伪数组
var ss ={0:1,1:6,2:5，3：9，length：4}

//遍历
$.map(arr, function(index, value){

})

③isArray（）方法

判断对象是否为数组：

//定义伪数组
var ss ={0:1,1:6,2:5，3：9，length：4}

var aa = $.isArray(arr)
console.log（aa）；

伪数组返回false

④isFunction（）方法

判断传入对象是否是函数：

var aa = $.isFunction(jQuery);
console.log（aa）;

返回结果是true，证明 jQuery本质是一个函数。

⑤holdRead（）方法

用于暂时停止入口函数的执行，正常jQuery的入口函数在DOM元素加载完之后自动执行，若想让它延后执行就要使用holdReady（）方法

（3）jQuery常用非静态方法

①is（“：checked”）

<input type="checkbox" id="imok"/><label>沙滩的流沙</label>
<script>
    $(document).ready(function(){
        var $ss = $("#imok");   //jQuery对象
        $ss.click(function(){
            if($ss.is(":checked")){  // jQuery对象调用方法
                alert("复选框被选中");
            }
        })  
    })
</script>