首页 > Web开发 > 详细

jQuery 操作

时间:2019-02-22 15:08:26      阅读:181      评论:0      收藏:0      [点我收藏+]

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

 

jQuery 操作

原文:https://www.cnblogs.com/xiangsikai/p/10418370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!