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")