文档章节

jquery选择器

zoumingming
 zoumingming
发布于 2015/04/09 12:24
字数 294
阅读 29
收藏 0
点赞 0
评论 0

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')


© 著作权归作者所有

共有 人打赏支持
zoumingming
粉丝 0
博文 20
码字总数 5365
作品 0
昌平
产品经理

暂无相关文章

懒惰根本就不存在

简评:芝加哥大学心理学教授,懒惰根本就不存在。(本文表面讲行为心理学实则讲教育) 金句:以好奇而不是判断来回应一个人的无效行为,是非常有帮助的。 本文「我」代表原作者 E Price。 自...

极光推送 ⋅ 15分钟前 ⋅ 0

Excel提取单元格中最后一个“.”后面的数据

java.lang.String ----- String =TRIM((MID(SUBSTITUTE(B2,".",REPT(" ",99)),(LEN(B2)-LEN(SUBSTITUTE(B2,".","")))*99,99)))...

klog ⋅ 17分钟前 ⋅ 0

mac远程桌面

下载安装remote-desktop-mac Mac beta 客户端 mac通过远程桌面访问windows服务器。

亚林瓜子 ⋅ 22分钟前 ⋅ 0

firrtl

动手---sbt(2)之后,再回头看 chisel第一个实验,根据 https://github.com/freechipsproject/firrtl 发现firrtl没有执行sbt assembly命令,重新执行这个命令,结果成功。如下图: joe@joe-As...

whoisliang ⋅ 26分钟前 ⋅ 0

NIO

一、通道(Channel):用于源节点与目标节点的连接。在 Java NIO 中负责缓冲区中数据的传输。Channel 本身不存储数据,因此需要配合缓冲区进行传输。 二、通道的主要实现类 java.nio.channel...

stars永恒 ⋅ 26分钟前 ⋅ 0

Android悬浮窗的实现

0. 前言   现在很多应用都使用到悬浮窗,例如微信在视频的时候,点击Home键,视频小窗口仍然会在屏幕上显示。这个功能在很多情况下都非常有用。那么今天我们就来实现一下Android悬浮窗,以...

猴亮屏 ⋅ 27分钟前 ⋅ 0

日志采集中的关键技术分析

概述 日志从最初面向人类演变到现在的面向机器发生了巨大的变化。最初的日志主要的消费者是软件工程师,他们通过读取日志来排查问题,如今,大量机器日夜处理日志数据以生成可读性的报告以此...

tqyin ⋅ 28分钟前 ⋅ 0

使用Navicat将数据导出为text文本 然后再导入

将数据导出为text文本效率很高 1. 准备工作 1.1 准备表结构 1.2 目标库 执行生成表结构sql 2.将表数据导出为text文本 生成的text文本 3. 目标库 导入text 4.效果...

Lucky_Me ⋅ 34分钟前 ⋅ 0

IntelliJ IDEA 乱码解决方案 (项目代码、控制台等)

文章介绍了idea下,项目乱码、控制台乱码及运行tomcat控制台乱码的解决方案,文章链接:https://www.cnblogs.com/vhua/p/idea_1.html

Funcy1122 ⋅ 37分钟前 ⋅ 0

IDEA使用sonarLint

一、IDEA如何安装SonarLint插件 1.打开 Idea 2.点击【File】 3.点击【Settings】 4.点击【Plugins】 5.在搜索栏中输入“sonarlint”关键字 6.点击【Install】进行安装 7.重启Idea 二、IDEA如...

开源中国成都区源花 ⋅ 41分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部