jQuery的contains()方法：查找元素中的文本内容

jQuery 的 contains() 方法用于选择包含指定文本的元素。该方法通过文本内容来筛选匹配元素，并返回包含该文本的元素集合。

以下是 contains() 方法的基本用法：

$(document).ready(function(){
    $("button").click(function(){
        $("p:contains('Hello')").css("background-color", "yellow");
    });
});

在这个例子中，当按钮被点击时，所有包含文本 "Hello" 的 <p> 元素的背景颜色会变为黄色。

注意，contains() 方法是大小写敏感的。如果你想进行不区分大小写的搜索，你可能需要使用一个插件，如 jquery-contains-case-insensitive。

$(document).ready(function(){
    $("button").click(function(){
        $("p").containsCI('hello').css("background-color", "yellow");
    });
});

在这个例子中，containsCI() 方法会找到所有不区分大小写地包含文本 "hello" 的 <p> 元素，并将它们的背景颜色设置为黄色。

需要注意的是，contains() 方法只能用于文本内容的精确匹配，如果你需要进行更复杂的文本匹配，例如正则表达式匹配，你可能需要使用 filter() 方法。

$(document).ready(function(){
    $("button").click(function(){
        $("p").filter(function() {
            return $(this).text().match(/^hello/);
        }).css("background-color", "yellow");
    });
});

在这个例子中，filter() 方法会找到所有文本以 "hello" 开头的 <p> 元素，并将它们的背景颜色设置为黄色。