1,兄弟筛选选择器和方法
筛选选择器
- :first 第一个
- :last 最后一个子节点
- :eq(index) 索引
- :even 偶数 索引
- :odd 奇数 索引
- :lt 小于指定索引
- :gt 大于指定索引
方法
- first()
- last()
- eq(index)
- prev() 上一个兄弟
- prevAll() 上面所有的
- next() 下一个兄弟
- nextAll() 下面所有的
- siblings() 兄弟节点
// $('ul li:first').css('color','green') //第一个
// $('ul li:last').css('color','purple') //最后一个
// $('ul li:eq(1)').css('color','skyblue') //
// $('ul li:odd').css('color','red'); //奇数 索引
// $('ul li:even').css('color','pink'); //偶数 索引
$('ul li:lt(1)').css('color','red')
$('ul li:gt(1)').css('color','blue')
//连缀 链式编程
// $('ul li').first().css('color','red');
// $('ul li').last().css('color','pink');
// $('ul li').eq(3).css('color','yellow');
// $('ul li').first().next().css("font-size",'30px')
// $('ul li').last().prev().css('font-weight','bold');
// $('ul li:first').nextAll().css("color",'green');
// $('ul li:last').prevAll().css("color",'hotpink');
2,父子方法
- children(exp) 子节点
- parent(exp) 父节点(所有的)
- parents(exp) 父节点(特定的)
3,其他
- filter(exp) 过滤
- not(exp) 排除
4,内容和值
- val() 取值/设置
- html() 取值/设置
- text() 取值/设置
//获取内容和值
// var $v=$('input').val()
// console.log($v);
// var $div=$('div').html()
// var $div=$('div').text()
// console.log($div);
//修改内容和值
// $('div').text("李逵")
// $('input').val('内容');
// $('div').html('赵飞燕');
// $('div').html('赵无敌');
// $('div').text("<b>司马光</b>");
// $('div').html("<b>司马光</b>");