jQuery是一種非常強大的JavaScript庫,它能夠簡化開發過程。其中一個訣竅是使用“id包含”的選擇器來找到和修改HTML元素。
$(document).ready(function(){ //查找id屬性包含“example”的元素 $("*[id*=example]").css("background-color", "yellow"); });
在上面的代碼中,我們使用了一個“id*=example”的選擇器。這個選擇器會匹配任何id屬性值中包含“example”的元素。然后我們使用jQuery的css()方法來給這些元素設置了一個黃色的背景顏色。
這個選擇器對于動態生成的HTML元素非常有用。當你的HTML文檔被加載后,你可以使用jQuery添加新的元素。這樣就可以使用“id包含”的選擇器找到這些新元素并進行修改。
$(document).ready(function(){ //向頁面添加新元素 $("#container").append("我是新的div元素"); //查找id屬性包含“example”的元素 $("*[id*=example]").css("background-color", "yellow"); });
在上面的代碼中,我們首先向頁面添加了一個新的div元素,它的id屬性值為“myDiv_example”。然后我們使用“id包含”的選擇器找到這個新元素并將其背景顏色設置為黃色。
總之,“id包含”的選擇器是一個非常有用的工具,可以幫助你方便地找到和修改HTML元素。對于動態生成的頁面,它也是一種非常有用的技術。