jQuery——siblings()方法

作用：选取除自己外所有同级元素，即对同级元素进行反选

【例】改变同级元素的背景颜色，代码效果

【代码】

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>ul {list-style: none;}li {float: left;width: 50px;height: 50px;line-height: 50px;text-align: center;color: #fff;background-color: #424242;margin-left: 5px;border-radius: 5px;}.active {background-color: steelblue;}</style>
</head>
<body><ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li></ul>
</body>
<script src="./jquery.js"></script>
<script>$('li').click(function () {$(this).removeClass('active')$(this).siblings().addClass('active')})
</script>
</html>

jQuery——siblings()方法相关推荐

jQuery siblings() 兄弟节点的方法
在DOM树中横向遍历在DOM树中有许多有用的jQuery方法可以横向遍历: siblings() next() nextAll() nextUntil() prev() prevAll() prev ...
jquery中siblings方法配合什么方法一起使用
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的.接下来通过本文给大家介绍jQuery siblings()用法实例详解,需要的朋友参考下吧 siblings() 获得匹 ...
jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
jQuery 遍历方法
jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。...
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素复制代码 ...
jQuery 查找方法
文章目录 jQuery 查找方法查找祖先元素 parent() parents() parentsUntil() 查找后代元素 children() find() contents() 向前查找兄弟 ...
jQuery 遍历方法总结
遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...
JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
jQuery 遍历方法
jQuery 遍历方法 jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃 ...

jQuery——siblings()方法

jQuery——siblings()方法相关推荐

最新文章

热门文章