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 相关文章推荐
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
在页面中引入js的两种方法(推荐)
Aug 29 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
js笔试题-接收get请求参数
Jun 15 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 26 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的配置文件php.ini
2006/10/09 PHP
php上传、管理照片示例
2006/10/09 PHP
PHP分多步骤填写发布信息的简单方法实例代码
2012/09/23 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
使用Python写个小监控
2016/01/27 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
老生常谈python中的重载
2018/11/11 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
基于python监控程序是否关闭
2020/01/14 Python
使用ITK-SNAP进行抠图操作并保存mask的实例
2020/07/01 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
物业客服专员岗位职责
2013/11/30 职场文书
大班亲子运动会方案
2014/06/10 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
2019年健身俱乐部的创业计划书
2019/08/26 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
Java Redisson多策略注解限流
2022/09/23 Java/Android