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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
Javascript 面向对象 命名空间
May 13 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
Node.js实现文件上传
Jul 05 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 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 函数语法介绍一
2009/06/14 PHP
js精度溢出解决方案
2012/12/02 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
前端jquery部分很精彩
2016/05/03 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
小程序实现投票进度条
2019/11/20 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
[36:33]Ti4 循环赛第四日 附加赛NEWBEE vs Mouz
2014/07/13 DOTA
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
python list语法学习(带例子)
2013/11/01 Python
Python中的rfind()方法使用详解
2015/05/19 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
Python模拟用户登录验证
2017/09/11 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
python3实现名片管理系统
2020/11/29 Python
详解Python正则表达式re模块
2019/03/19 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
基于python2.7实现图形密码生成器的实例代码
2019/11/05 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
SISLEY希思黎官方旗舰店:享誉全球的奢华植物美容品牌
2018/04/25 全球购物
高级销售员求职信
2013/10/25 职场文书
单位介绍信范文
2014/01/18 职场文书
统计专业自荐书
2014/07/06 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python