jQuery應用的幾個主要函式

2021-10-22 23:29:46 字數 1021 閱讀 4005

1. 清空元素

empty();         //內容刪除，但元素還存在

$(document).ready(function()


);});
2.刪除元素

remove([expr]);       //元素和內容都刪除

$(document).ready(function()


);});
或：

$(document).ready(function()


);});
3. 獲得父元素

parent( [expr] );     //獲得唯一父元素的元素集合

hello


hello


//查詢每個段落的父元素


$("p").parent() ;


[ hello


hello


] hello


hello again


//查詢段落的父元素中每個類名為selected的父元素。 


$("p").parent(".selected") ;


[ hello again


]
parents( [expr] );     //取得乙個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）

hello


hello again


//找到每個span元素的所有祖先元素。 


$("span").parents() ;


//找到每個span的所有是p元素的祖先元素。


$("span").parents("p") ;
parentsuntil( [expr] );      //查詢當前元素的所有的父輩元素，直到遇到匹配的那個元素為止。



c    


iii//查詢item-a的祖先，但不包括level-1


$('li.item-a').parentsuntil('.level-1')      


.css('background-color', 'red');

JQuery的主要操作函式

1.查詢元素節點 var li ul li eq 1 獲取裡第2個節點 var li text li.text 獲取第2個節點的文字內容 var aa para.attr tittle 當乙個引數時表示獲取節點屬性的title值 para.attr tittle aaaaa 兩個引數時 設定或改變屬...

jquery 的主要知識

獲取jquery物件 選擇器 jquery 選擇器 jquery物件 dom物件 方式1 jquery物件.get index 方式2 jquery物件 index dom物件 jquery物件 dom物件 頁面載入 function 派發事件 jquery物件.事件 function 選擇器 id...

jQuery整理筆記七 幾個經典表單應用

1 文字框獲得 失去 焦點 當文字框獲得輸入焦點時,將該文字框高亮顯示，算不得乙個應用，僅僅是乙個小技巧，能夠提高使用者體驗。效果圖 2 elastic彈性文字域 elastic是一款功能專一的表單外掛程式，他能夠控制頁面內表單域 效果圖 我們最初設定的標籤的rows屬性值為2 隨著文字內容的增多高...