有沒有辦法將jQuery UI類添加到每個元素

我自己的CSS文件有沒有辦法jQuery UI的類添加到每個元素我自己的css文件，IE：有沒有辦法將jQuery UI類添加到每個元素

 input { 
       ui-corner-all /* <- JQuery UI class */ 

       }

，而不是添加類到每個輸入，IE：

 <input name="myinput" type="text" class="ui-corner-all" value="" />

2013-01-17 M-n

你是否意味着你只需要將ui-corner-all類屬性直接應用於'input'，這樣就可以從實際的輸入元素中刪除類名？ –

您可以從UI css文件中複製CSS定義，並將其放入您自己的css文件中，並應用於所需的任何元素。這對你有用嗎？ – showdev

你可以看看LESS：這裏有一個類似的問題http://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes –

可以使用的jQuery .addClass方法的類添加到在任何時間元素，包括頁面加載，如：

$(function() { 
    $(input).addClass('ui-corner-all'); 
});

當頁面加載時，這會將ui-corner-all類添加到html中的每個輸入元素。如果你想只選擇頁面上的某些元素，使用更具體的選擇，如：

$(function() { 
    $('#myInput').addClass('ui-corner-all'); 
});

這將ui-corner-all類添加到所有具有的myInput的ID頁面上的元素。

2013-01-17 21:01:27 Zack

當然，這不是我要求，它對我更好！ Thx –

LESS

一個非常類似的問題是一個擴展的CSS使用變量，嵌套規則，功能，操作的抽象上一個大臺階，等

2013-01-17 21:07:16

瀏覽器與您的答案的兼容性如何與下面的javascript答案比較？ –

你可能要考慮檢查Sass。這會讓你選擇通過@extend將css類擴展到你自己的類。

這樣，您就不必依賴於JavaScript來添加類。這一切都是通過CSS完成的。

希望這會有所幫助！

2013-01-17 21:08:15 DavidVII

您也可以使用像LESS這樣的預處理器來實現這一點。你將不得不保存ui.css爲ui.less，然後你可以做這樣的事情：

@import url(ui.less); 

input { 
    .ui-corner-all; 
}

你少編譯到CSS後，將採取所有樣式的ui-corners-all類，並將它們應用到你的投入。這只是使用css預處理器的諸多優點之一。如果你熟悉css，這真的很值得研究，並且不是很難學。你可以在這裏找到更多的信息：http://lesscss.org/

2013-01-17 21:10:19 Pevara

回答