可以用jquery 的屬性操作 attr() 來實(shí)現(xiàn)。例如衡陽的id為"hy"(這里采用點(diǎn)擊事件):
專注于為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)渭城免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了1000+企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
$(document).ready(function(){
$("#hy").click(function(){
$("#hy").attr("style","background-color:orange;");
})
})//點(diǎn)擊衡陽的時候背景色就變成了orange
如果已有把style封裝成class樣式那只要改成:
$("#hy").attr("class","封裝好的類");進(jìn)行替換就可以了。資料參考地址:
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('td').click(function(){
if ($(this).css('background-color') === 'rgb(255, 0, 0)') {
$(this).css('background-color', 'white');
} else {
$(this).css('background-color', 'red');
}
});
3、瀏覽器運(yùn)行index.html頁面,點(diǎn)擊td,背景顏色變?yōu)榧t色。
4、再次點(diǎn)擊td,背景顏色變回了原先的白色。
1、新建一個html文件,命名為test.html。
2、在test.html文件內(nèi),使用textarea標(biāo)簽創(chuàng)建一個文本域,用于測試。
3、在test.html文件內(nèi),設(shè)置textarea標(biāo)簽的id為mycc。
4、在test.html文件內(nèi),創(chuàng)建一個按鈕,給按鈕綁定onclick事件,當(dāng)按鈕被點(diǎn)擊時,執(zhí)行editColor函數(shù)。
5、在js標(biāo)簽內(nèi),創(chuàng)建editColor函數(shù),通過id獲得textarea對象,使用css()方法設(shè)置color屬性為red,即設(shè)置textarea字體顏色為紅色。
6、在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
改變顏色,常用的就這幾個:字體顏色(color)、背景顏色(background-color)、邊框顏色(border-color)。
首先是觸發(fā)事件,這個可以有也可以沒有,如果有觸發(fā)事件比如點(diǎn)擊按鈕才會觸發(fā),如果沒有,那么頁面加載之后自動就會改變顏色
然后就是通過JQ改變顏色,那么必須先獲取這個元素,可以通過class、id、標(biāo)簽名稱(當(dāng)然這3個是常用的,還有非常多的選擇方式),:比如$('.btn')、$('#btn')、$('div');
實(shí)現(xiàn)語句就是$('.btn').css('color','#777'),這段代碼的意思就是class為btn的元素字體顏色改為#777.