jQuery学习教程,写更少的代码,做更多的事情(六)

2.jQuery 过滤

========================================================================

1.eq(index)方法


index是索引。

例如:

1.eq方法通过index来找到相应的元素!

2. 这里注意index索引从0开始

3.eq方法的索引也可以是负数,也就是倒着来决定。

    • li 1
    • li 2
    • li 3
    • li 4
    • 2.filter()方法


      1.filter选择器,:odd和:even,注意的是也是从0开始的。

      2.filter选择器,通过是用class名来选择。

      3.filter方法接受一个函数,返回一个只有一个string标签的元素,来执行css事件。

      例如:

      • li 1
      • li 2
      • li 3
      • li 4




        • s1

        • s2

          s3

          3.first()和last()方法


          顾名思义,就是获取匹配元素的第一个或者最后一个元素。

          例如:

          • li 1
          • li 2
          • li 3
          • 4.has()方法


            匹配是否含有has()方法里内容,包括子代元素,是否匹配。

            例如:

            • li 1
            • li 2
            • li 3
              • li 1
              • li 2
              • li 3
              • 5.is()方法


                判断是否是is中的内容,是,返回true;否,返回false。

                例如:

                注意点击strong和span是无效的,因为target指向li标签。

                • listitem 1
                • list item 2
                • list item3
                • 6.not()方法


                  not,就是不是,的意思。读代码的时候就翻译成不是就可以。

                  • listitem 1
                  • list item 2
                  • list item3
                  • 7.map()方法


                    map()方法是使用函数来运行的,它会产生一个新的jQuery对象。

                    1.下面是使用map打印出div的id名。

                    2.使用map来给数组中的每一个数值加4

                    例如:

                    8.slice()方法


                    slice()方法根据下表范围,过滤匹配元素,并且生成一个新的jQuey对象。

                    参数有两个:

                    start:起始下标 0,从0开始。

                    end:终止下标 包含首,不包含尾。

                    1.注意包含首,不包含尾。

                    2.如果只有一个参数,就一直执行到最后。

                    你好啊。
                    你好啊。
                    你好啊。
                    你好啊。

                    你好塞雷啊

                    你好塞雷啊

                    你好塞雷啊

                    你好塞雷啊

                    3.jQuery遍历之最常用的遍历方法

                    ================================================================================

                    1.add方法


                    就是在集合元素中添加相应的样式。

                    1.给div和p标签添加样式。这里注意一下格式,div和p都是标签元素,并且没有关系。

                    2.这里的add就是加,和的意思

                    这里可以利用顺序来单独给div设置事件。

                    例如:

                    你好啊。
                    你好啊。
                    你好啊。
                    你好啊。

                    你好塞雷啊

                    你好塞雷啊

                    你好塞雷啊

                    你好塞雷啊

                    2.contents()方法


                    获得匹配元素集合中每个元素的子元素,包括文字和注释节点。

                    1.contents方法,得到p标签下内容的类型,文本还是元素标签啥的。

                    2.nodeType是以数字的形式返回节点的类型。

                    3.nodeType,元素节点返回1,属性节点返回2,文本节点返回3。

                    hello, Join,how are you ?

                    3.end()方法


                    终止在当前链的最新过滤操作,并返回匹配的元素的以前的状态。

                    这里的end方法结束了最近的过滤操作find方法,将css传递给了ul。

                    例如:

                    • li 1
                    • li 2
                    • 你好呀,靓仔。

                    评论
                    添加红包

                    请填写红包祝福语或标题

                    红包个数最小为10个

                    红包金额最低5元

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

                    抵扣说明:

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

                    余额充值