jQuery选择器

1.基本选择器

jQuery可以通过标签名，id，类,来获取jquery对象

<script>
    $(function(){
        //获取所有的元素
        var $all = $("*")
        // 获取所有的p标签
        var $p = $("p")
        // 获取class为redFont的元素
        var $redFont = $(".redFont")
        // 获取id为name的元素
        var $name = $("#name")
    })
</script

2.支持css选择器

jQuery支持css选择器

<script>
    $(function(){
        // 根据属性获取元素
        var $a = $("[href]")
        // 根据属性和属性值获取元素
        var $button = $("[type=button]")
        // 选中#box的子级p元素
        var $p2 = $("#box>p")
        //  选中#box的后代p元素
        var $p3 = $("#box p")
        // css伪类选择器(选中#box下的第一个元素且这个元素必须是p元素)
        var $p4 = $("#box>p:first-child")
    })
</script>

3.jQuery获取子，兄弟，父元素

• 子选择器 children() :
  参数可选，传入参数可进行进一步筛选

$box.children("p") === $('#box>p')

• 后代选择器 find()
  参数可选，传入参数可进行进一步筛选

$box.find("p") === $('#box p')

• 兄弟选择器 siblings() 不包含其自身
  参数可选，传入参数可进行进一步筛选

$('#one_li').siblings('li')

• 父级选择器 parent()

var $parent = $('#one').parent()

• eq(index) 按下标选择对应的元素

var $li = $('li').eq(0);

• 相邻选择器next() prev() nextAll() prevAll()
  next()下一个兄弟元素
  prev()上一个兄弟元素

$('#one').next()
$('#one').prev()

jQuery选择器

原文：https://www.cnblogs.com/OrochiZ-/p/11622522.html