五一七教育网
您的当前位置:首页jQuery中prev()方法用法实例_jquery

jQuery中prev()方法用法实例_jquery

来源:五一七教育网


本文实例讲述了jQuery中prev()方法用法。分享给大家供大家参考。具体分析如下:

此方法取的匹配元素集合中每个元素紧邻的前一个同辈元素。
同辈元素集合可以通过选择器进行筛选。

语法结构:
代码如下:$(selector).prev(expr)

参数列表:
参数 描述
expr 可选。用于筛选前一个同辈元素的表达式

实例代码:

实例一:

代码如下:





prev()函数-脚本之家



$(document).ready(function(){
$(".father p").prev().css("color","blue")
})




我是p元素


我是span元素

我是p元素


我是div元素



以上代码可以将class属性值为father元素下的p元素集合中每一个p元素前一个元素的字体颜色设置为蓝色。

实例二:

代码如下:





prev()函数-脚本之家


$(document).ready(function(){
$("li").prev(".js").css("color","red");
})





  • HTML专区

  • Javascript专区

  • Div+Css专区

  • Jquery专区





  • 以上代码可以将所有li元素集合中每一个li元素前面class属性值为js的元素的字体颜色设置为红色。

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

    显示全文