jQuery 操做

jQuery 操做

循環多個標籤

// 循環列表中的每個標籤或元素
$('#id').each(匿名函數) 

 

索引

// 自動獲取每一個標籤的索引數
$(this).index();

 

chekbox操做

// 專門用於chekbox，radio作操做
$('#id').prop('checked')            # 獲取值
$('#id').prop('checked',true)       # 設置值

注：jquery3版本如下設置chekbox會出現問題，請使用prop。

 

文本操做

// 獲取標籤中內容，不包含標籤
$('#id').text()
// 獲取標籤中內容，不包含標籤
$('#id').text("xxx")

// 獲取標籤中內容，包含標籤
$('#id').html()
// 設置標籤中內容，包含標籤
$('#id').html("<a>x</a>")

// 獲取標籤value值
$('#id').val()
// 設置標籤內input等value值
$('#id').val("xxx")

 

樣式操做

// 向標籤內添加class
$('#id').addClass('xxx')

// 向標籤內添加class
$('#id').removeClass('xxx')

// 判斷指定class、有該標籤就刪除、沒有該標籤就添加
$('#id').toggleClass('xxx')

 

屬性操作

// 查看當前標籤內指定屬性下的內容
$('#id').attr('xxx')

// 添加或修改當前標籤內指定屬性下的內容，或新建屬性/內容
$('#id').attr('key','value')

// 刪除標籤內的指定屬性
$('#id').removeAttr('xxx')

 

內容操做

// 追加內容或標籤，到指定標籤下、後面
$('#id').append("xxx")

// 反轉 追加內容或標籤，到指定xxx下、後面
$('#id').appendTo("xxx")

// 追加內容或標籤，到指定標籤下、前面
$('#id').prepend("xxx")

// 反轉 追加內容或標籤，到指定xxx下、前面
$('#id').prepend("xxx")

// 追加內容或標籤，到指定標籤同級標籤、後面
$('#id').after("xxx")

// 追加內容或標籤，到指定標籤同級標籤、前面
$('#id').before("xxx")

// 刪除指定標籤下的內容，包含標籤
$('#id').remove()

// 刪除指定標籤下的內容，不包括內容中的標籤
$('#id').empty()

// clone 克隆指定標籤中的內容或標籤
$('#id').text().colone()

 

CSS 操做

// 對指定標籤下的，css 指定樣式下、樣式值 作修改。
$('#id').css('樣式名稱','樣式值')

// 涉及到樣式有大小的須要加入大小值
var right = 0;
$('#id').css('right',right + "px")