文档章节

jquery选择器

zoumingming
 zoumingming
发布于 2015/04/09 12:24
字数 294
阅读 29
收藏 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
昌平
产品经理
jQuery学习笔记--选择器和事件

以下内容参考 W3school 简书 你要是问我什么是jQuery 那可以这么两句话概括: jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 要学jQuery最好有点javaScript的基础 ...

codingcoge
05/17
0
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0
jQuery精选面试题及答案

1、jQuery的美元符号$有什么作用? 回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码: Html代码 $(document).ready(function(){ }); 当然你也可以用jQuery来代替$,...

西来飞鸿
2014/09/23
0
2
了解jQuery技巧来提高你的代码

1.测试并提升你的jQuery选择器水平 这个jQuery选择器实验室非常酷,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种jQu...

i33
2012/09/25
0
0
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
07/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

人生苦短:Python里的17个“超赞操作

人生苦短,我选Python”。那么,你真的掌握了Python吗? 1. 交换变量 有时候,当我们要交换两个变量的值时,一种常规的方法是创建一个临时变量,然后用它来进行交换。比如: # 输入 a = 5 b ...

糖宝lsh
44分钟前
4
0
咕泡-spring中常用设计模式概述

设计模式就是经验之谈,供后人借鉴,解决一些具有代表性的问题 设计模式来源于生活,反过来帮助我们更好生活 设计模式提升代码的可读性、可扩展性、维护成本、复杂业务问题 千万不要死记硬背...

职业搬砖20年
今天
2
0
day59-20180817-流利阅读笔记-待学习

假·照骗,真·社交焦虑 雪梨 2018-08-17 1.今日导读 发朋友圈之前,不少人为了展现更美好的生活状态会对照片加以“微调”,或是加个滤镜显得逼格更高,或是磨个皮瘦个脸拉个大长腿。现在,国...

aibinxiao
今天
23
0
OSChina 周五乱弹 —— 姑娘在这个节日里表白你接受么?

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @Sharon啊:完全被这个小姐姐圈粉了,学两首她的歌去哈哈 分享王贰浪的单曲《往后余生(翻自 马良)》 《往后余生(翻自 马良)》- 王贰浪 手...

小小编辑
今天
1K
16
为什么HashMap要自己实现writeObject和readObject方法?

为什么HashMap要自己实现writeObject和readObject方法? 如果你有仔细阅读过HashMap的源码,那么你一定注意过一个问题:HashMap中有两个私有方法。 private void writeObject(java.io.Objec...

DemonsI
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部