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 获取select下拉列表值的代码
Sep 07 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
Nov 07 Javascript
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
使用angular帮你实现拖拽的示例
Jul 05 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
Apr 25 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学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
PHP面向对象法则
2012/02/23 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
PHP5中实现多态的两种方法实例分享
2014/04/21 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
详解微信小程序图片地扯转base64解决方案
2019/08/18 Javascript
python装饰器使用方法实例
2013/11/21 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
Python TestSuite生成测试报告过程解析
2020/07/23 Python
Python如何合并多个字典或映射
2020/07/24 Python
python matplotlib库的基本使用
2020/09/23 Python
python爬虫使用scrapy注意事项
2020/11/23 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
会计学个人自荐信模板
2013/12/13 职场文书
生产部经理岗位职责
2013/12/16 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
2015年度党员个人总结
2015/02/14 职场文书
单方投资意向书
2015/05/11 职场文书
2015年酒店销售部工作总结
2015/07/24 职场文书
护士工作心得体会
2016/01/25 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
详解Python flask的前后端交互
2022/03/31 Python