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

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

Youwillbethere
关注TA
已关注
手记 6
粉丝 4
获赞 42
  • 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的方法和属性值。

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