本文实例讲述了jQuery中siblings()方法用法。分享给大家供大家参考。具体分析如下：
此方法能够获取匹配元素集合中每一个元素的同辈元素。
同辈元素集合可以使用表达式进行筛选。
语法结构:
复制代码 代码如下:$(selector).siblings(expr)
参数列表:
| 参数 |
描述 |
| expr |
可选。用于筛选同辈元素的表达式。 |
实例代码:
实例一:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www./" />
<title>siblings()函数-</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").siblings().css("color","red")
})
</script>
</head>
<body>
<div class="first">
<p>我是first下的p</p>
<span>我是div下的span</span>
</div>
<div class="second">
<ul>
<li>我是li</li>
</ul>
<p>我是second下的p</p>
</div>
</body>
</html>
实例二:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www./" />
<title>siblings()函数-</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").siblings("span").css("color","red")
})
</script>
</head>
<body>
<div class="first">
<p>我是first下的p</p>
<span>我是div下的span</span>
</div>
<div class="second">
<ul>
<li>我是li</li>
</ul>
<p>我是second下的p</p>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐：
ChatGPT暂时不可用？如何高效应对并寻找最佳替代方案！,logo ai教程视频
seo组建需要什么条件，seo建站的步骤 ,ai肌肉宝宝
Goanno跨级借鉴：推动创新与提升效率的秘密武器,崇明区智能ai艾灸费用
seo适合什么职业，seo有前途么 ,ai小精灵
WPJam：打破网站管理的壁垒，打造极致用户体验,广东谷歌seo工具
互联网快照：记录数字时代的每个瞬间,全网seo怎么优化内容
AI通过算法和数据生成的作品：科技与艺术的跨越，带来无限创意可能,ai优化程序
SEO搜外：全球搜索引擎优化的秘密武器,如何选择网站建设类型呢
seo管理系统是什么，seo网站管理 ,过度圆ai
AI翻译工具的革命-ChatGPT等技术让语言互通无碍,淘宝ai写作检测准吗
创作新时代：自动生成文章AI的魅力与未来
360ai问答-智能时代的全能助手，未来的智慧生活,ai生成白底
ChatGPT使用问题？如果您正在使用VPN，请尝试将其关闭,ai制作渐变立体
seo深度优化插件是什么，深度优化手机软件 ,ai的缩写
什么是seo模型，seo模块总结 ,ai技术授课
实用AI工具：提升效率、优化生活的科技利器
英语日记AI生成：轻松提升英语水平的智能助手
SEO职位：数字营销的核心，开启职业新高峰,汕尾网站建设推广厂商
AI搜索相似文章怎么做？揭秘高效文章检索的核心技术！,程式ai软件
SEO埋词技巧，如何提升网站排名？,贵州营销推广方法
OpenAI银联支付-未来支付新体验，安全便捷全新升级,医学加ai
SEO优化是做什么的？让你的网站流量飙升的秘密武器,乳腺癌ai作用机理
SEO经营：助力企业腾飞的秘密武器,靖边百度关键词排名
ChatGPT崩了？用户称打开是一片空白，真相竟然如此！,zzz*明星AI换脸
AI网页版本：开启智能时代的新篇章,拼音标调ai
为什么“360收录”是你网站推广的必备利器,seo亚马逊
SEO工装裤-打造时尚与实用兼备的工作利器,ai画中国爸爸辅导孩子写作业
提升写作效率，释放创意潜力文章生成AI软件的未来
文章写作AI：让创作更高效、精准的智能助手
SEO超级，助力企业站点冲刺搜索引擎排名,白云全网营销推广哪家强
SEO要点：提升网站排名的核心技巧与策略,福田市网站建设推广费用
SEO未来：如何在变革中抢占先机，迎接数字营销的新纪元,台州网站建设分析和总结
SEO难吗？揭秘SEO背后的真相，让你轻松上手！,大旺百度网站推广
文字生成AI开启创作的新纪元
ChatGPT的超链接点不开？解决方法一网打尽！,情感ai写作指令是什么
SEO优化要钱吗？揭秘SEO投资背后的价值与回报,ai领域
“收录量为1”，打造数字化时代的独特竞争力,网站建设页面制作流程
seo网站自学看什么书，seo技术适合自学吗 ,斑马ai阅读
AI自动帮写，轻松应对内容创作挑战，赋能写作新未来,嘿科技ai
AI写作技巧，让创作事半功倍！
SEO包月服务：助力企业提升网站排名与流量的长期利器,网站建设流程 报读文库
GPT怎么收费？揭秘AI技术的定价与价值,ai报考高考
SEO数量-如何提升你的网站排名与流量？,射阳seo优化五星服务
什么是seo运营，什么是seo营销 ,ai绘画沙地
专业SEO助力企业在激烈市场竞争中脱颖而出,嘉兴海外网站推广价格
一键创作，助你轻松实现创意梦想,最低价刷粉网站推广
ChatGPT无法加载？检查您的网络设置并尝试重启ChatGPT，助您畅享无障碍智能对话体验,ai记录人
SEO汇报：如何通过数据分析提升网站排名，助力企业业绩增长,免费推广网站大全百度经验
ChatGPT为什么访问不了了？了解背后的原因与解决方法,AI怎么拖入路径
【SEO优化全攻略】提升网站流量的终极秘籍，带你轻松玩转搜索引擎优化！,金融网站推广维护
新闻资讯
常见问题