为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础——样式篇 (选择器)

标签:
JQuery
  • jQuery选择器:

    id选择器 $( ' #id ' )
    类选择器 $( ' .class ')
    元素选择器 $( ' element ' )
    全选择器 $( ' * ' )
    层级选择器 :
    图片描述



基本筛选选择器:
图片描述

注意: 1、 :eq(), :lt(), :gt(), :even, :odd
用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引
2、 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始

内容筛选选择器:
$(':contains(text)')
$(':parent')
$(':empty')
$(':has(selector)')
可见性筛选选择器:
$(':visible')
$(':hidden')
属性筛选选择器:
$('[attr="value"]')
$('[attr*="value"]')

例如:
查找所有div中,有属性name中的值包含一个test字符串的div元素
$('div[name*="test"]')

子元素筛选选择器:
$(':first-child')
$(':last-child')
$(':nth-child')
表单元素选择器:
$(':input')
$('input:text')
$('input:password')
$('input:radio')
$('input:checkbox')
$('input:submit')
$('input:image')
$('input:button')
$('input:file')
表单对象属性筛选选择器:
$('input:enabled')
$('input:disabled')
$('input:checked')
$('option:selected')
特殊选择器this:
$(this)

this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。

点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消