jQuery :lang() 选择器

:lang() 选择器用于根据元素的语言属性选择元素。它专门针对 HTML 元素的 lang 属性，该属性指定元素内容的语言。

语法

以下是 jQuery 中 :lang 选择器的语法：

$(":lang(language)")

参数

以下是上述语法的描述：

:lang 指定要匹配的语言。
它可以是语言代码，例如英语的“en”，法语的“fr”等。此值也可以更具体，例如美国英语的“en-US”。
:lang() 选择器中的值不区分大小写。

示例 1

在以下示例中，我们使用 :lang() 选择器来选择具有 lang="en" 属性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(en)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="en-US">This paragraph is in American English.</p>
</body>
</html>

执行上述程序后，它会选择具有 lang="en" 属性的段落，并以黄色背景突出显示它们。

示例 2

在此示例中，我们选择所有具有 lang="fr" 属性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(fr)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="en-US">This paragraph is in American English.</p>
</body>
</html>

执行后，:lang 会选择具有 lang="fr" 属性的段落，并以黄色背景突出显示它们。

示例 3

此示例选择具有 lang="en" 或 lang="es" 属性的段落：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":lang(en), :lang(es)").css("background-color", "yellow");
        });
    </script>
</head>
<body>
    <p lang="en">This paragraph is in English.</p>
    <p lang="fr">Ce paragraphe est en français.</p>
    <p lang="es">Este párrafo está en español.</p>
    <p lang="de">Dieser Absatz ist auf Deutsch.</p>
</body>
</html>

执行后，:lang 会选择具有 lang="en" 或 lang="es" 属性的段落，并以黄色背景突出显示它们。

jquery_ref_selectors.htm

打印页面