jQuery中的siblings()是什么意思(推荐)

前端之家收集整理的这篇文章主要介绍了jQuery中的siblings()是什么意思(推荐)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

定义和用法

jQuery siblings() 方法返回被选元素的所有同胞元素,并且可以使用可选参数来过滤对同胞元素的搜索

实例演示:点击某个li标签后将其设置为红色,而其所有同胞元素去除红色样式。

1.创建Html元素

Box"> 点击li元素设置红色并去除其余所有同胞元素的红色样式:
栗子
  • 李子
  • 梨子
  • 荔枝
  • 2.设置css样式:

    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代码

    去除所有同胞元素的红色样式 }) })

    4.观察效果:点击李子,李子呈红色,其余li元素正常

    以上所述是小编给大家介绍的jQuery中的siblings()是什么意思(推荐)。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

    猜你在找的jQuery相关文章