【4858美高梅】是怎么样意思

By admin in 4858美高梅 on 2019年5月17日

jQuery siblings()
方法重临被选成分的享有同胞成分,并且能够行使可选参数来过滤对亲生成分的搜寻。

JQuery中的siblings()是如何看头,JQuerysiblings()

jQuery siblings()
方法再次回到被选成分的保有同胞成分,并且能够动用可选参数来过滤对亲生元素的搜寻。

实例演示:点击某些li标签后将其设置为赤褐,而其全体同胞成分去除青白样式。

1.创建Html元素

<``div class``=``"box"``>
``<``span``>点击li元素设置红色并去除其余所有同胞元素的红色样式:</``span``>
``<``div【4858美高梅】是怎么样意思。 class``=``"content"``>
``<``li``>栗子</``li``> ``<``li``>李子</``li``>
``<``li``>梨子</``li``> ``<``li``>荔枝</``li``>
``</``div``>

</div>

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成分不奇怪

4858美高梅 1

 

)
jQuery siblings()
方法再次回到被选成分的具有同胞成分,并且能够运用可选参数来过滤对亲生成分的搜…

概念和用法

实例演示:点击有个别li标签后将其设置为土褐,而其全体同胞成分去除赫色样式。

jQuery siblings()
方法再次来到被选成分的具备同胞成分,并且能够使用可选参数来过滤对亲生成分的搜索。

1.创建Html元素

实例演示:点击有个别li标签后将其安装为绿色,而其全数同胞成分去除紫灰样式。

<``div class``=``"box"``>

1.创建Html元素

``<``span``>点击li元素设置红色并去除其余所有同胞元素的红色样式:</``span``>

<div class="box">
  点击li元素设置红色并去除其余所有同胞元素的红色样式:
  <div class="content">
    <li>栗子</li>
    <li>李子</li>
    <li>梨子</li>
    <li>荔枝</li>
  </div>  
</div>

``<``div class``=``"content"``>

2.设置css样式:

``<``li``>栗子</``li``>

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;}

``<``li``>李子</``li``>

3.编写jquery代码

``<``li``>梨子</``li``>

$(function(){
  $("li").click(function() {
    $(this).addClass('red');  // 设置被点击元素为红色
    $(this).siblings('li').removeClass('red'); // 去除所有同胞元素的红色样式
  })
})

``<``li``>荔枝</``li``>

四.观测效果:点击李子,玉皇李呈青灰,其他li成分平时

``</``div``>

4858美高梅 2

</div>

上述所述是笔者给大家介绍的jQuery中的siblings()是怎么样意思(推荐),希望对大家具备支持,固然大家有别的疑问请给笔者留言,小编会及时还原我们的。在此也特别感激我们对台本之家网址的扶助!

2.设置css样式:

您或许感兴趣的篇章:

  • jquery
    siblings获取同辈成分用法实例深入分析
  • 浅谈jquery中next与siblings的区别
  • 关于jQuery中parent()和siblings()的小标题
  • jQuery
    siblings()用法实例详解
  • jquery遍历函数siblings()用法实例
  • jQuery中的siblings用法实例分析
  • jQuery中siblings()方法用法实例
  • jquery next nextAll nextUntil
    siblings的区分介绍
  • 4858美高梅,jQuery prev ~
    siblings选取器使用介绍
  • jquery
    等级次序选拔器siblings与nextAll的区分介绍
  • 仿jQuery的siblings效果的js代码
  • jQuery使用siblings获取某成分全体同辈(兄弟姐妹)成分用法示例
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'); // 去除所有同胞元素的红色样式
    })
})

四.观赛效果:点击李子,玉皇李呈土黑,别的li成分符合规律

4858美高梅 3

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有