jQuery Mobile 百分网手机站

jQuery中nextAll()方法用法欣赏

时间:2018-04-23 08:17:38 jQuery Mobile 我要投稿

jQuery中nextAll()方法用法欣赏

  jQuery中nextAll()方法用法

  具体分析如下:

  此方法查找匹配元素之后所有的同辈元素。也可以使用可选的表达式对同辈元素集合进行筛选。

  语法结构:

  复制代码 代码如下:$(selector).nextAll(expr)

  参数列表:

  参数 描述 expr 可选。用来过滤的表达式。

  实例代码:

  实例一:

  复制代码 代码如下:

  .father{

  height:200px;

  width:200px;

  border:1px solid blue;

  }

  $(document).ready(function(){

  $("p").nextAll().css("color","blue")

  })

  我是p元素

  我是span元素

  我是p元素

  我是div元素

  将p元素之后的所有同辈元素中的.字体颜色设置蓝色。

  实例二:

  复制代码 代码如下:

  .father{

  height:200px;

  width:200px;

  border:1px solid blue;

  }

  $(document).ready(function(){

  $("p").nextAll("div").css("color","blue")

  })

  我是p元素

  我是span元素

  我是div元素

  我是p元素

  我是div元素

  将p元素之后的所有同辈div元素中的字体颜色设置蓝色。

  希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery中nextAll()方法用法欣赏】相关文章:

1.jQuery中trigger方法用法

2.jQuery中replaceAll()方法用法

3.jQuery中prev()方法用法

4.jQuery中delegate()实例用法

5.JQuery中Text方法用法实例分析

6.详细讲解jQuery中height()方法用法

7.JQuery中serialize()用法实例分析

8.jQuery中delegate与on的用法与区别