继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery选择器

慕标5832272
关注TA
已关注
手记 1263
粉丝 233
获赞 1008

id选择器

$(function{        var $box = $('#box')
alert($box)
});

标签选择器

$(function(){    var $p = $("p") 
});

类选择器

类选择器
$(function(){    var $div = $('.div')
});

组合选择器

$(function(){        var $element = $('.div>.cls2')                
        $element.text('组合选择器')
})

通配选择器

$('*').css('color','#ff0000')

标签类选择器

$(function () {           var $element = $('p.cls2');
            $element.text("很爱很爱你");
 });

层级选择器

$(function(){    var $li_cate = $('div ul *')
    $li_cate.text('层级选择器')
});

子类选择器

$(function(){    var $li = $('.parent > li');
});

当前前后元素

$(function(){    var $div = $('div').nextAll('p')
    $div.text('当前元素后面的所有指定的兄弟')
                
    vra $div = $('div').prevAll('p');
    $div.text('当前元素的前面所有的指定的兄弟')
});

过滤去

<script type="text/javascript">$(function(){       //选取第一个元素
    var $first = $('ul > li').first()    //同等\n
    var $first = $('li:first');
    $first.text('基本的过滤去,获取第一个')                
    var $last = $('li:last');
    $last.text('获取最后一个')                
    var $li_eq = $('ul>li:eq(2)');
    $li_eq.text('选取指定的索引选取')
    });</script>

删除html

$(function(){
                $('li').click(function(){
    $(this).hide();
});



作者:垃圾桶边的狗
链接:https://www.jianshu.com/p/c33aa1cfa7ff


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP

相关阅读

6.1繼續搬磚