二、 jQuery的方法和内容选择器

jQuery的方法和内容选择器

  1. 静态方法和实例方法:

    <script>
        //1.通过构造函数模拟一个类
        function AClass(){
            
        }
        //2.给这个类添加一个静态方法
        AClass.staticMethod = function(){
            alert("staticMethod");
        }
        //静态方法通过类名调用
        AClass.staticMethod();
        
        //3.给这个类添加一个实例方法
        AClass.prototype.instanceMethod = function (){
            alert("instanceMethod");
        }
        //4.创建一个实例(创建一个对象)
        var a = new AClass();
        //通过实例调用实例方法
        a.instanceMethod();
    </script>
    
  2. 静态方法each

    原生的forEach只能遍历数组,不能遍历伪数组;原生的先传value值

    利用jQuery的each静态方法可以遍历数组也可以遍历伪数组;回调函数的参数先传index索引

    <script>
        var arr = [1,3,5,7,9]
        var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};//伪数组
       // arr.forEach(function(value,index){
           // console.log(index,value);
       // });
        $.each(arr,function(index,value){
            console.log(index,value);
        })
    </script>
    
  3. 静态方法map

    原生的map方法遍历数组,和原生的forEach一样,不能遍历伪数组;第三个参数是遍历的当前数组

    jQuery的map方法和each静态方法一样可以遍历伪数组;第一个参数arr是要遍历的数组,第二个参数是每遍历一个元素之后执行的回调函数,回调函数的参数:value值,index索引

    <script>
        var arr = [1,3,5,7,9]
        var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};//伪数组
       // arr.map(function(value,index,array){
           // console.log(index,value,array);
       // });
        $.map(arr,function(value,index){
            console.log(index,value);
        })
    </script>
    
  4. each和map的区别:

    a、each静态方法默认的返回值是,遍历谁就返回谁;map静态方法默认返回值是一个空数组

    b、map静态方法可以在回调函数中通过return对遍历数组进行处理,然后生成一个新的数组返回;each静态方不可以

  5. 其它静态方法

    静态方法作用参数返回值
    $.trim();去除字符串两端的空格需要去除**两端**空格的字符串去除两端空格后的****的字符串
    $.isWindow();判断传入的对象是否是window对象传入需要判断的对象true/false
    $.isArray();判断传入的对象是否是****数组传入需要判断的对象true/false
    $.isFunction();判断传入的对象是否是一个函数传入需要判断的对象(jQuery本质上是一个匿名函数)true/false
    $.holdReady(true);暂停ready事件的执行true/falsetrue为暂停/false为恢复
    ·········
  6. 内容选择器

    内容选择器作用
    :empty找到既没有文本内容也没有子元素的指定元素
    :parent找到有文本内容或者有子元素的指定元素
    :contains(text)找到包含指定文本内容text的指定元素
    :has(selector)找到包含指定子元素的指定元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值