首頁  >  文章  >  web前端  >  jq 常用函數

jq 常用函數

巴扎黑
巴扎黑原創
2016-11-25 14:08:581393瀏覽

最近使用得比較多的jq函數記一下 

.addClass 函數用為目前物件所符合的每個元素新增指定的css 樣式 

.removeClass() 反之刪除新增樣式 

.html() 取得集合中第一個符合元素的HTML內容設定每一個符合元素的html內容。

對非表單元素不能用val() 進行賦值  如果需要賦值的話用text/html()賦值 

.append() 在每個匹配的元素裡面的末尾處插入參數內容 

.attr()取得符合的元素集合中的第一個元素的屬性的值。設定每一個符合元素的一個或多個屬性。 

.children() 獲得匹配元素集合中每個元素的子元素,選擇器選擇性篩選。

.empty() 從DOM節點中移除所有匹配元素的子節點 



.find() 透過一個選擇器,jQuery對象,或元素過濾,得到當前匹配的元素集合中每個元素的後代。實例回傳後代中所有的元素: 

var$count=$li.find('input[useCount]'); 
.first()  取得符合元素集合的第一元素  .last()與之相反  .next 

.parent()符合目前元素的父元素  .siblings() 獲得符合元素集合中每個元素的兄弟元素,可以提供一個可選的選擇器。 。

.hasClass() 決定任何一個符合元素是否有被指派給定的(樣式)類別 

實例: 

$dl​​gChose.find('li').click(function() { 

if(! (this).hasClass('text')) { 

$(this).addClass('checked').siblings().removeClass('checked'); 



.hide() 隱藏匹配的元素對應.show(); 

.serialize()  將用作提交的表單元素的值編譯成字串。每個元素的值。 () { 

if($(this).text() ==text) { 

$(this).removeClass('active'); 

return false; 

} } ); 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn