当前位置: 首页 > 编程笔记 >

jQuery中的siblings用法实例分析

元昊苍
2023-03-14
本文向大家介绍jQuery中的siblings用法实例分析,包括了jQuery中的siblings用法实例分析的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下:

所谓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")

默认拿和它自己相同的兄弟元素。

希望本文所述对大家jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jQuery siblings()用法实例详解,包括了jQuery siblings()用法实例详解的使用技巧和注意事项,需要的朋友参考一下 siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings() 其作用是筛选给定的同胞同类元素(不包括给定元素本身) 例子:网页选项栏 当点击任意一个选项卡是,其他2个选项卡就会改

  • 本文向大家介绍jquery遍历函数siblings()用法实例,包括了jquery遍历函数siblings()用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery遍历函数siblings()用法。分享给大家供大家参考,具体如下: siblings([expr]) 得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合 将得到包含特殊样式‘hilite'元素的所有

  • 本文向大家介绍JQuery中extend的用法实例分析,包括了JQuery中extend的用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下: extend()函数是jQuery的基础函数之一,作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法,该方法有一些重载原型。$.extend(prop)

  • 本文向大家介绍jquery中change()用法实例分析,包括了jquery中change()用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下: change()当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。

  • 本文向大家介绍jQuery中noConflict()用法实例分析,包括了jQuery中noConflict()用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下: jQuery默认使用"$"操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函

  • 本文向大家介绍JQuery中Text方法用法实例分析,包括了JQuery中Text方法用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。