jQuery筛选方法

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

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值