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.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
js中substring和substr的定义和用法
May 05 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 Javascript
原生js实现表格翻页和跳转
Sep 29 Javascript
vue实现单一筛选、删除筛选条件
Oct 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
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
PHP中定义数组常量(array常量)的方法
2014/11/17 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
Yii全局函数用法示例
2017/01/22 PHP
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
Python yield 使用浅析
2015/05/28 Python
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
详解python的数字类型变量与其方法
2016/11/20 Python
python正则表达式re之compile函数解析
2017/10/25 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
python scipy卷积运算的实现方法
2019/09/16 Python
python输出数学符号实例
2020/05/11 Python
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
应届生财务管理求职信
2013/11/06 职场文书
社会保险接收函
2014/01/12 职场文书
上党课的心得体会
2014/09/02 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
保送生自荐信范文
2015/03/26 职场文书
创业计划书之电动车企业
2019/10/11 职场文书