杂记b---jquery.siblings(),HTML页时间戳转化为正常的时间显示,ng-click事件的写法

jQuery操作元素样式示例

转载于 2015-08-12 16:45:00 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/likaixuan/p/4705855.html

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

实例演示：点击某个li标签后将其设置为rgb(248,198,173)橙色样式，而其所有同胞元素去除#FFFFFF(白色样式)

                <div id="each">
                    <span>标签：</span>
                    <ul class="right-topfloat">
                        <li style="background-color: rgb(248,198,173)">全部</li>
                        <li>订单</li>
                        <li>配送</li>
                        <li>支付</li>
                        <li>服务</li>
                    </ul>
                 </div>

<!--JQuery-->

<script type="text/javascript">

$(document).ready(function () {
    $("#each li").click(
  function () {
      $(this).css("background-color", "rgb(248,198,173)").siblings().css("background-color", "#FFFFFF");
  });
    </script>