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程序设计有所帮助。