zoukankan      html  css  js  c++  java
  • JQUERY1.9学习笔记 之基本过滤器(七) 语言选择器

    语言选择器

    jQuery( ":lang(language)" )

    描述:选择所有用特定语言指定的标签。

    根据标签指定语言的不同给标签上色。

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8">
    <title>header demo</title>
    <style>
    body {
    background-color: #ccc;
    }
    h3 {
    margin: .25em 0;
    }
    div {
    line-height: 1.5em
    }
    .usa {
    background-color: #f00;
    color: #fff;
    }
    .usa .usa {
    background-color: #fff;
    color: #000;
    }
    .usa .usa .usa {
    background-color: #00f;
    color: #fff;
    }
    .spain {
    background-color: #f00;
    color: #ff0;
    }
    .spain .spain {
    background-color: #ff0;
    color: #f00;
    line-height: 3em;
    }
    .spain .spain .spain {
    background-color: #f00;
    color: #ff0;
    line-height: 1.5em;
    }
    </style>
    <script src="js/jquery-1.9.1.min.js"></script>
    </head>
    <body>
    <h3>USA</h3>
    <div lang="en-us">red
    <div>white
    <div>and blue</div>
    </div>
    </div>
    <h3>Espana</h3>
    <div lang="es-es">rojo
    <div>amarillo
    <div>y rojo</div>
    </div>
    </div>
    <script>
    $("div:lang(en-us)").addClass("usa");
    $("div:lang(es-es)").addClass("spain");
    </script>
    </body>
    </html>

     

  • 相关阅读:
    PTA L1-002 打印沙漏 (20分)
    音乐研究
    LeetCode 155. 最小栈
    LeetCode 13. 罗马数字转整数
    LeetCode 69. x 的平方根
    LeetCode 572. 另一个树的子树
    errno错误号含义
    僵尸进程和孤儿进程
    TCP和UDP相关概念
    图相关算法
  • 原文地址:https://www.cnblogs.com/semcoding/p/3519856.html
Copyright © 2011-2022 走看看