jquery查找筛选器
2024-09-29 06:51:01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li class="begin">111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li id="end">555</li>
<li>666</li>
</ul>
<div class="outer">父母层级outer
<p>儿女层级wangyue</p>
<div class="inner">inner
<p>孙子层级inner p</p>
</div>
</div>
<p>777777</p>
<input type="text">
<input type="checkbox">
<input type="submit">
<script src="/static/jquery.min.js"></script>
<script> //$('li').eq(2).css('color','red')
//查找筛选器非常重要
// $('.outer').children('p').css('color','red')//找儿女层级
// $('.outer').find('p').css('color','red')//找父母层级下面所有的,包括子女和孙子所有的 //$('li').eq(2).next().css('color','red')//下面一个
// $('li').eq(2).nextAll().css('color','red')//下面所有的
// $('li').eq(2).nextUntil('#end').css('color','red')//区间找
//$('li').eq(2).prev().css('color','red')//上一个
// $('li').eq(2).prevAll().css('color','red')//上面所有的
// $('li').eq(2).prevUntil('.begin').css('color','red')//区间找 //console.log($('.outer .inner p').parent().html)
// $('.outer .inner p').parents().css('color','red')
//$('.outer .inner p').parentsUntil('body').css('color','red') $('.outer').siblings().css('color','red') //上下兄弟都变红
</script>
</body>
</html>
最新文章
- Math的三个将小数值舍入为整数方法
- Lua 中string.gsub(sourceString, pattern, replacementString) 返回值有两个
- BZOJ 3110 k大数查询 & 树套树
- WEBUS2.0 In Action - 搜索操作指南 - (2)
- 《C# 白话系列之——白话委托》读后记
- NDK(15)在ndk代码中注册和注销native函数
- 快速搭建高速稳定三层B/S架构
- 我的Python成长之路---第七天---Python基础（22）---2016年2月27日（晴）
- 如何设置ubuntu自己主动的睡眠时间
- bayboy下载安装
- 通过 File API 使用 JavaScript 读取文件
- python2和python3关于列表推导的差别
- 【ContestHunter】【弱省胡策】【Round6】
- 解释#ifdef ALLOC_PRAGMA代码段的原理
- Svn和jekins的使用
- 基于 HTML5 Canvas 的智能安防 SCADA 巡逻模块
- hive 导入数据
- word的xml文件中空白页和换页
- dockerfile 踩坑记录
- 利用Apache Isis快速原型化-宠物诊所的宠物管理