jquery选择器
jquery选择器
zoumingming 发表于3年前
jquery选择器
  • 发表于 3年前
  • 阅读 29
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: 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
共有 人打赏支持
粉丝 0
博文 20
码字总数 5365
×
zoumingming
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: