jQuery 隔行進行新增樣式

2021-10-17 11:10:03 字數 1418 閱讀 5736

odd  指示的是基數行, even指的是偶數行

$():  jquery工廠函式,將dom物件轉為jquery

selector: 選擇器,選中某個dom物件(html標籤),和css一樣。(通過標籤,類選擇器,id選擇器)

action()是jquery的方法。只有jquery物件才能呼叫jquery的方法。   如果通過document.getelementbyid則不能直接使用jquery的方法。  使用$(dcoument.getelementbyid("#id"))轉為jquery物件,再繼續呼叫方法即可使用

$(selector).action();

$("tr:odd").not(:first).css("backgroud-color" : "gray"); 、//只選擇偶數行,不包含第一行,增加底色

//給元素繫結事件

$("td").click( function());

//獲取焦點事件

$(selector).focus(function(){} );

//失去焦點事件

$(selector).blur(function(){} );

//滑鼠懸停

$(selector).hover(function(){}, function(){}  );  //後面可以再加乙個function(){}, 表示滑鼠移出觸發事件。

// 加文字  設定元素的文字

$(selector).text('');

//增加標籤 給元素新增html標籤。會將原本的元素擦掉

$(selector).html();

//給元素追加html標籤

//給元素後面追加html標籤(在選中的元素後面,不在選中的元素中)

$(selector).after();   // before相反

//刪除。清空元素html標籤

$(selector).empty();

//刪除元素html標籤

$(selector).remove();

//隱藏元素html標籤  可以增加時間(tiem可以為空)

$(selector).hidden(time);     $(selector).fadeout(time);  //隱藏  。  淡出的效果         $(selector).slidedown(time);

//顯示元素html標籤  可以增加時間(tiem可以為空)

$(selector).show(time);       $(selector).fadein(time);  //淡入的效果        $(selector).slideup(time);  

JQuery為元素新增樣式

由於jquery支援css3,所有能很好的相容很多瀏覽器,所以通過jquery來使用css樣式比較好 為定義好的css樣式可以呼叫元素的css方法新增樣式 span css css屬性名 屬性值 如 span css color red 將標籤為span的字型都設為紅色的 id span 如果是定義...

JQuery為元素新增樣式

列舉今天所編寫用到的幾個 1 css 樣式 獲得樣式值,比如 input css color 獲得input中字型的顏色 2 css 樣式 value 為樣式賦值,如 input css color red 3 addclass 樣式類1,樣式類2,樣式類3 可以新增多個定義好的樣式類 4 hasc...

jquery動態新增,刪除class樣式

獲取class和設定class都可以使用attr 方法來完成。例如使用attr 方法來獲取p元素的class,jquery 如下 var p class p attr class 獲取p元素的class 使用attr 方法來設定p元素的class,jquery 如下 p attr class hig...