jquery选择器

jquery选择器分为 类css选择器,层次选择器,过滤选择器,表单选择器。

1、类css选择器,顾名思义,像css选择器一样的思想。

具体用法例如:

$('#yuansu') // 用id
$('.yuansu') // 用class
$('div') // 用标签

2、层次选择器

具体用法:

html:
<div id="yuansu">
    <div id="laiwu">
        <div>
            <p>
                <a> 我就是被选中的标签内的文字。</a>
            </p>
        </div>
    </div>
</div>
$('#yuansu #laiwu div p a') //最后选中的是a标签。

3、过滤选择器,就是加了过滤器的选择器。

例如:

<div>
    <input type="text">
    <input type="submit">
</div>
$('div input[type=text]')//选中的是text型input,这是一个属性过滤器

除了上述的属性过滤器,还有:

基本过滤器:顺序(first last),索引(odd,even,eq(3)等),非(not(.kk):class不是kk的元素),:header(标题元素),:animated(正在执行动画),:focus(有焦点的)

内容过滤器:contains empty has parent

可见性过滤器::visible :hidden

子元素过滤器::first-child :last-child :nth-child(索引排序) :only-child(只有一个子元素的元素里面的子元素)

4、表单选择器::input :button :password :hidden等。

例如:

<div>
    <form>
        <input type="radio">
    </form>
</div>
$('div form :radio')


你可能感兴趣的:(jquery)