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