html中siblings方法,jQuery中的siblings()是什么意思(推荐)
定义和用法
jQuery siblings() 方法返回被选元素的所有同胞元素,并且可以使用可选参数来过滤对同胞元素的搜索。
实例演示:点击某个li标签后将其设置为红色,而其所有同胞元素去除红色样式。
1.创建Html元素
点击li元素设置红色并去除其余所有同胞元素的红色样式:
2.设置css样式:
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{padding:10px;}
.red{color:red;}
3.编写jquery代码
$(function(){
$("li").click(function() {
$(this).addClass('red'); // 设置被点击元素为红色
$(this).siblings('li').removeClass('red'); // 去除所有同胞元素的红色样式
})
})
4.观察效果:点击李子,李子呈红色,其余li元素正常
以上所述是小编给大家介绍的jQuery中的siblings()是什么意思(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
html中siblings方法,jQuery中的siblings()是什么意思(推荐)相关推荐
- js中onload和jQuery中的ready区别
js中onload和jQuery中的ready区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. ------>不能写多个(如果有多个,只会执行一个) $(do ...
- jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
- 变量可以存储在堆中,栈中,方法区中。哪里都可以啊。对象只能存储在堆中...
变量可以存储在堆中,栈中,方法区中.哪里都可以啊.对象只能存储在堆中
- PackageManagerService中的方法名中的LI、LIF、LPw、LPr的含义
PackageManagerService中的方法名中的LI.LIF.LPw.LPr的含义 注1:本文参考Android 7.1.1r13源码中的PackageManagerService的说明. 这 ...
- animate方法 jQuery中元素的创建 创建十个p标签 创建列表 动态创建列表
animate方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- ajax用post方法,jquery中get,post和ajax方法的使用小结
在JQuery中可以使用get,post和ajax方法给服务器端传递数据 get方法的使用(customForGet.js文件): function verify(){ //1.获取文本框的数据 // ...
- ajax离开页面方法,jQuery中ajax调用当前页面方法
$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...
- easyui 调用dialog中的方法_SolidWorks中标准件库的创建及调用方法
在使用SolidWorks进行产品设计时,常用的标准件(如螺栓.螺母.垫圈等)通常可以在安装了SolidWorksToolbox插件后调出使用,而许多标准件在Toolbox并不存在,不能从插件中直接调 ...
- html中$ 的作用,jquery中的$()是什么?
jquery中的$()是什么?$是jQuery"类"的一个别称,$()构造了一个jQuery对象.所以,"$()"可以叫做jQuery的构造函数. $()就是j ...
- java中plus方法_Java中的LocalDate plus()方法
可以使用plus()Java中LocalDate类中的方法获取添加了所需持续时间的LocalDate的不可变副本.此方法需要两个参数,即要添加的持续时间和持续时间的TemporalUnit.此外,它还 ...
最新文章
- 【python3】 抓取异常信息try/except
- ssrf 服务器端请求伪造 简介
- 如何更好地利用“二八定律”提升SEO优化效果?
- 嘘,Python 优化提速的 8 个小技巧
- 主题切换时如何主动去刷新一些资源?
- gradle相关配置内容解析
- ArcGis-学习笔记1-地图矢量化
- ZigBee串口发送字符串函数
- reg、wire与logic的区别
- 南京商品住宅全装修新政:毛坯、装修价格分别备案
- (转)什么是PR?什么是BD?
- html 图片自动滚动播放,小卖弄:纯CSS实现图片滚动播放效果
- 江苏计算机学业水平测试多少分过关,江苏学业水平测试2021年考试时间:合格性考试30分能过吗?...
- vscode分支合并
- 记一次云服务器配置mysql 远程连接失败的解决方案
- E-puck2机器人系列教程-7.机器人本体STM32固件更新
- 广袤的县镇乡村也是鸿蒙OS的市场
- 《程序员的自我修养》后感【1】
- STM32 TIM PWM高阶操作:刹车及状态约束
- STM32-定时器中断实验