关注「Java视界」公众号,获取更多技术干货

jQuery基础(三)—— 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>

 

posted @ 2022-06-25 14:03  沙滩de流沙  阅读(39)  评论(0编辑  收藏  举报

关注「Java视界」公众号,获取更多技术干货