jQuery是一種非常流行的JavaScript庫,它可以簡化大量的JavaScript代碼。其中一個強大的功能是contains,它能夠輕松定位符合給定字符串的元素。下面是contains函數(shù)的基本語法:
$(selector).contains("string");
其中,選擇器表示要搜索的范圍,而字符串則是要匹配的文本。注意,contains函數(shù)區(qū)分大小寫。下面是一個簡單的例子:
<ul> <li>Apple</li> <li>Banana</li> <li>Cherry</li> <li>Date</li> </ul> <script> $(document).ready(function(){ $("li:contains('a')").css("background-color", "yellow"); }); </script>
上面的代碼將在列表中的所有含有字母"a"的項目上設置黃色背景色。如果使用大寫字母"A",則不會找到任何匹配項。
此外,contains函數(shù)是針對文本內(nèi)容進行搜索的。如果要搜索元素的屬性,則需要使用jQuery的filter函數(shù)。例如,要查找所有href屬性包含"google"的鏈接:
<a >Google</a> <a >GitHub</a> <script> $(document).ready(function(){ $("a").filter('[href*=google]').css("background-color", "yellow"); }); </script>
上面的代碼將在所有鏈接中設置背景顏色為黃色,而只有指向Google的鏈接會被匹配。
總的來說,contains函數(shù)和filter函數(shù)是非常有用的,它們可以幫助我們輕松地搜索和操作DOM元素。