jQuery中prevAll()方法用法实例


Posted in Javascript onJanuary 08, 2015

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

此方法查找匹配元素集合之前所有的同辈元素。
同辈元素集合可以通过选择器进行筛选。

语法结构:

$("selector").prevAll(expr)

参数列表:

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

实例代码:

实例一:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

.father{

  height:200px;

  width:200px;

  border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $(".father div").prevAll().css("color","blue") 

}) 

</script>

</head>

<body>

<div class="father">

  <p>我是p元素</p>

  <span>我是span元素</span>

  <p>我是p元素</p>

  <div>我是div元素</div>

</div>

</body>

</html>

实例二:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

.father{

  height:200px;

  width:200px;

  border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $(".father div").prevAll("span").css("color","blue") 

}) 

</script>

</head>

<body>

<div class="father">

  <p>我是p元素</p>

  <span>我是span元素</span>

  <p>我是p元素</p>

  <div>我是div元素</div>

</div>

</body>

</html>

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

Javascript 相关文章推荐
Javascript 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
document节点对象的获取方式示例介绍
Dec 24 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
微信小程序 购物车简单实例
Oct 24 Javascript
详解webpack与SPA实践之开发环境搭建
Dec 18 Javascript
详解vue中axios的封装
Jul 18 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
jQuery中prev()方法用法实例
Jan 08 #Javascript
深入探密Javascript数组方法
Jan 08 #Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
Jan 07 #Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 #Javascript
jQuery中parents()方法用法实例
Jan 07 #Javascript
jQuery中parent()方法用法实例
Jan 07 #Javascript
jQuery中nextUntil()方法用法实例
Jan 07 #Javascript
You might like
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
制作个性化的WordPress登陆界面的实例教程
2016/05/21 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
PHPstorm激活码2020年5月13日亲测有效
2020/09/17 PHP
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
js删除局部变量的实现方法
2016/06/25 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
2018/09/05 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
vue-loader中引入模板预处理器的实现
2019/09/04 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python三元运算实现方法
2015/01/12 Python
python生成器generator用法实例分析
2015/06/04 Python
Python解析json文件相关知识学习
2016/03/01 Python
Python 编程速成(推荐)
2019/04/15 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
如何进行Linux分区优化
2016/09/13 面试题
安全教育实施方案
2014/03/02 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python