文档章节

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】-----jQuery简介(一)

query在线api文档:http://t.mb5u.com/jquery/ 最新的api文档:http://api.jquery.com 官方网站:http://www.ycku.com 北风网网址:http://www.ibeifeng.com 一.什么是jQuery 1、 什么是DOM...

LYQ1990
2016/06/03
0
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

没有更多内容

加载失败,请刷新页面

加载更多

6. Python3源码—List对象

6.1. List对象 List对象是“变长对象”。 6.1.1. Python中的创建 Python中List对象最重要的创建方法为PyList_New,如下Python语句最终会调用到PyList_New: test = [1, 2, 3, 4, 5] 6.1.2. ...

Mr_zebra
12分钟前
1
0
nginx屏蔽指定接口(URL)

Step1:需求 web平台上线后,需要屏蔽某个服务接口,但又不想重新上线,可以采用nginx屏蔽指定平台接口的办法 Step2:具体操作 location /dist/views/landing/UNIQUE_BEACON_URL { re...

Linux_Anna
20分钟前
2
0
tomcat高并发配置调优

作者:Joker-pan 原文:https://blog.csdn.net/u011622226/article/details/72510385?utm_source=copy --------------------- tomcat 解压就使用的,配置都没动过,肯定不能支持高并发了; ...

imbiao
39分钟前
2
0
mysql 联结,级联查询总结区分

其实我对 数据库的级联或者联结查询一直都是会用,项目能查询出来自己想要的结果即可。 毕竟SQL使用复杂的查询毕竟比较少,而且不难使用。 至于区分他们,我还真的有点模糊。 在看 《SQL必知...

之渊
55分钟前
2
0
区块链入门教程分享区块链POW证明代码实现demo

兄弟连区块链入门教程分享区块链POW证明代码实现demo 这里强调一下区块链的协议分层 应用层 合约层 激励机制 共识层 网络层 数据层 上 一篇主要实现了区块链的 数据层,数据层主...

兄弟连区块链入门教程
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部