在網頁開發中,javascript的庫jquery(簡稱jq)是一個非常常用的工具。利用jq,我們可以非常快捷方便地增加、修改、刪除網頁元素。
下面,我們來介紹一個非常簡單的jq操作:點擊按鈕增加CSS樣式。
$("button").click(function(){
$("p").css("color", "red");
});
上述代碼的意思是,當頁面上某一個按鈕被點擊時,就會增加這些按鈕下方的所有段落p的文字顏色變為紅色。
具體解析如下:
第一行代碼中的“$”符號表示jquery庫的主要符號,相當于“jquery”,也就是表示接下來的代碼是用來改變網頁元素的。
其中“button”表示針對頁面上所有的按鈕元素,做出一些操作。這里我們選擇點擊事件作為操作對象,也就是“click()”
在click()的花括號{}內部,我們使用了另一個命令:“css()”。
這個命令的作用是,利用CSS(層疊樣式表)技術,對網頁元素進行樣式設置。
其中,“p”表示選中這個頁面中所有段落元素。接下來的“css()”函數中,第一個參數是“color”,表示設置字體的顏色。第二個參數是“red”,表示設置為紅色。
上面的代碼運行后,頁面上出現的所有段落元素在按鈕被點擊之后都會變為紅色。這個小操作不僅非常實用,而且代碼量也非常少,是使用jq進行網頁可視化開發的好工具。
上一篇ie用css什么表示
下一篇dw怎么修改css樣式表