jQuery
筛选
$('#i1').next() //下一个紧邻的同辈元素
<示例>
<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
$("p").next() // 输出 [ <p>Hello Again</p>, <div><span>And Again</span></div> ] 因为都是P标签没有指定是第几个P标签,所以会打印第一个P标签后面的全部
$('#i1').nextAll() //id=i1之后的全部同辈元素
$('#i1').nextUntil('#ii1') //直到找到某个元素为止
$('#i1').prev() //之前
$('#i1').prevAll() //之前全部
$('#i1').prevUntil('#ii1') //之前元素直到找到ii1
$('#i1').parent() //找到与其最近的一个父元素
$('#i1').parents() //所有父元素
$('#i1').parentsUntil() //直到找到某个
$('#i1').children() //子元素
$('#i1').siblings() //所有同辈的元素
$('#i1').find() //向下一直搜索所有的直到找到与$("p span")相同
$('li:eq(1)') //根据索引查找
$('li').eq(1) //根据索引查找
first() //第一个
last() //最后一个
hasClass(class) //是否有这个类
文本操作:
$(..).text() # 获取文本内容
$(..).text(“<a>1</a>”) # 设置文本内容
$(..).html() #获取HTML值
$(..).html("<a>1</a>") #设置HTML值
$(..).val() #获取值,只针对
$(..).val(..)
样式操作:
addClass //添加类 (多个使用空格)
removeClass //删除类 (多个使用空格)
toggleClass //存在则删除,不存在则添加
属性操作:
# 专门用于做自定义属性
$(..).attr('n') //返回属性值
$(..).attr('n','v') //设置属性值
$(..).removeAttr('n') //删除属性
<input type='checkbox' id='i1' />
# 专门用于chekbox,radio
$(..).prop('checked') //设置属性值
$(..).prop('checked', true)
PS:
index 获取索引位置
文档处理:
append //标签内后面追加
prepend //标签内向前面添加
after //标签外后面添加
before //标签外前面添加
remove //移除所有匹配到的元素
empty //把所有段落的子元素(包括文本节点)删除
clone //克隆
css处理
$('t1').css('样式名称', '样式值')
点赞:
- $('t1').append()
- $('t1').remove()
- setInterval
- 透明度 1 》 0
- position
- 字体大小,位置
感谢关注