jQuery中的siblings

news/2024/7/10 23:13:57 标签: jquery

所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。

<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
<ul>
    <li>li1</li>
    <li>li2</li>
    <li id="li3">li3</li>
    <li>li4</li>
    <li>li5</li>
</ul>

<script>
     $("#li3").siblings("li").css("backgroundcolor", "yellow");
</script>

</body>
</html>

我们还知道,

$("#li3").siblings("li").css("backgroundcolor", "yellow")
在本例中可以写成

$("#li3").siblings().css("backgroundcolor", "yellow")
默认拿和它自己相同的兄弟元素。

 


http://www.niftyadmin.cn/n/1732239.html

相关文章

webpack性能优化不完全指北

前语--最近公司新开了一个项目&#xff0c;对webpack的性能上产生了不小需求&#xff0c;在一通学习了webpack之后特意写一篇来总结一下。 本文涉及的内容体积优化 依赖按需加载剔除不必要的依赖 体积的大小直接关系到我们项目的加载速度&#xff0c; 而SPA的首屏加载速度又决…

Jquery的parent和parents(找到某一特定的祖先元素)用法

<!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合&#xff08;不包含根元素&#xff09;。可以通过一个可选的表达式进行筛选。parent取得很明确就是当前元素的父元素 parents则是当前元素的…

《地图气球》小程序从产品到运维的个人全栈开发过程分享(长文)

前言 怕过不了审&#xff0c;先声明一下&#xff0c;这不是广告&#xff0c;因为这个小程序没上架。 从5年前入行的时候就一直想做一个社交产品&#xff0c;最近工作略闲&#xff0c;加之小程序火爆&#xff0c;下班后时间多&#xff0c;于是就花费了一个月业余时间&#xff…

jquery 里的each使用方法

each()方法能使DOM循环结构简洁&#xff0c;不容易出错。each()函数封装了十分强大的遍历功能&#xff0c;使用也很方便&#xff0c;它可以遍历一维数组、多维数组、DOM, JSON 等等 在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 下面提一下each的几种常用的…

传智播客JQuery实战(四):标签页效果

第一个标签页中鼠标滑过显示不同的标签页&#xff0c;第二个标签页中点击不同标签加载其他页面中的内容&#xff0c;加载等待的图片缓慢隐藏&#xff1a; /WebRoot/4.Tab.html&#xff1a; <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quo…

《从零构建前后分离web项目》:开篇 - 纵观WEB历史演变

开篇 &#xff1a; 纵观WEB历史演变 在校学习和几年工作工作中不知不觉经历了一半的 WEB 历史演变、对近几年的发展比较了解&#xff0c;结合经验聊聊 WEB 发展历史。 演变不易&#xff0c;但也是必然&#xff0c;因为为人始终要进步。 WEB 的发展史 一、开山鼻祖 - 石器时代…

腾讯校招前端开发笔试初试总结| 掘金技术征文

作者&#xff1a;Chacha 今天来总结下9月5号做的前端笔试题和9月16号的腾讯初试&#xff0c;这段时间真的没怎么准备面试和笔试&#xff0c;可想而知&#xff0c;腾讯的面试肯定是挂了。 首先是9月5号的腾讯校招笔试题&#xff0c;在做笔试之前&#xff0c;我都没怎么去刷题&a…

理解异步之美:Promise与async await(一)

你可能会放出一个怪物 异步与同步相比&#xff0c;最难以掌控的就是异步的任务会什么时候完成和完成之后的回调问题&#xff0c; 难以掌控的触发状态&#xff0c;让你自己写的代码当时还可以读懂&#xff0c;但是过几天、半个月之后如果不重新盘一边逻辑&#xff0c;你哪知道…