So ändern Sie CSS anhand der ID in JQuery

In jquery können Sie den Selektor „[att^=element]“ verwenden, um Elemente abzugleichen, die mit einer bestimmten ID beginnen, und dann die CSS-Methode verwenden, um ein oder mehrere Stilattribute des übereinstimmenden Elements zurückzugeben oder festzulegen ist „$( element).css(attribute, attribute value)“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery-Version 1.11.1, Dell G3-Computer.

<ul id="foreignCurrencyTree_1_ul">
    <li id="foreignCurrencyTree_11_li">111111</li>
    <li id="foreignCurrencyTree_12_li">222222</li>
    <li id="foreignCurrencyTree_13_li">333333</li>
</ul>
<ul id="foreignCurrencyTree_2_ul">
    <li id="foreignCurrencyTree_21_li">111111</li>
    <li id="foreignCurrencyTree_22_li">222222</li>
    <li id="foreignCurrencyTree_23_li">333333</li>
</ul>

Legen Sie die angegebene CSS-Eigenschaft für alle übereinstimmenden Elemente fest.

$(selector).css(name,value)

//设置所有ul的overflow属性为hidden。
$('[id^=foreignCurrencyTree_][id$=_ul]').css("overflow","hidden");
//设置所有li的display属性为inline
$('[id^=foreignCurrencyTree_][id$=_li]').css("display","inline");

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonSo ändern Sie CSS anhand der ID in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!