文档章节

必须熟悉的选择器

那年二十三
 那年二十三
发布于 2017/08/26 00:02
字数 444
阅读 3
收藏 0

选择器有很多,不需要每个都熟悉,但有些必须掌握,如下都是常用的:

基本选择器:

$('#id'),$('div'),$('.className')这三类基本选择器,分别对应原生的getElementById,getElementsByClassName,getElementsByTagName,只不过一个返回的是jquery对象,一个返回的dom对象。

$('*') 代表所有元素,比如$('#testDD *')就是指元素testDD 下面所有的元素。

层级选择器:

$('#firstA,.firstClass,span').css('color','red');,以逗号分开的,表示是这三种选择器的组合。

$('#testDD p').css('color','red'); 以空格分开的,前一个元素的子元素,孙元素等。

$('#testDD>p').css('color','red');以>分开的,前一个元素的子元素,不包括孙元素。

基本筛选器:

$('#testDD a:first').css('color','red');

$('#testDD a:last').css('color','red');

$('#testDD a:even').css('color','red');

$('#testDD a:odd').css('color','red');

$('#testDD a:gt(4)').css('color','red');

$('#testDD a:eq(4)').css('color','red');

$('#testDD a:lt(4)').css('color','red');

属性筛选器【注意属性筛选器是没有冒号的】:

$('#testDD a[name="setColor"]').css('color','red');

$('#testDD a[name!="setColor"]').css('color','red');

表单筛选器

这个相当于是属性筛选器的一种简写,因为表单用的非常之多。

$('#firstForm input:text').css('color','red');

$(':text').css('color','red');

以上两种方式都是有效的,第一种指定表单,第二种对应所有表单。都是下面形式的简写:

$('#firstForm input[type="text"]').css('color','red');

但下面这种写法是无效的:

$('#firstForm :text').css('color','red');因为#firstForm仅返回表单对象。

其它表单元素,password,radio,checkbox,submit,image,reset,button,file都可以这样选

技巧:没有选中的多选框,全部选中。

$(':checkbox').not(':checkbox:checked').prop('checked','true');

表单对象属性筛选器

有:enabled,disabled,checked,selected可用。

另外还有:visible,:hidden表示可见性属性的

© 著作权归作者所有

那年二十三
粉丝 0
博文 11
码字总数 3674
作品 0
成都
程序员
私信 提问
Hybird App之选择器详解(二)

Hybird App之选择器详解(一) 学习混合app开发,要学会一些基础才能上手。本文主要介绍ID选择器、属性选择器、后代选择器、子元素选择器,其中ID选择器和属性选择器较为常用 ID选择器详解 1、...

Dwyane_Coding
2018/01/01
0
0
关于jq的一次基础回顾

前言 如果你对jq的基本语法还不清楚,和我一起来熟悉一下吧,本文只摘抄了部分jq1.12.1api部分常用语法,对于其他的可以自行查阅线上文档。 历史 在jq出现之前,曾经出现了prototype,Dojo,YU...

Tolonger
2018/01/05
0
0
图形工具开发包 GTK+ 3.0.7 发布

该版本提升了主题和大小分配时的性能;GtkStatsIcon 可接受图标大小提示;修复了文件选择器和应用选择器的线程安全问题;修复了 GtkGrid 和 GtkWidget::halign 的 RTL等等。 GTK(GIMP Toolk...

红薯
2011/04/03
747
1
Python遇到过得text和text()

1、BeautifulSoup中的.text方法和get_text()方法的区别 如果你想要用text值,应该调用对应的get_text(), 'cate': list(cate.strippedstrings) obj.strippedstrings:高级的get_text() ,外面......

努力一点点坚持一点点
2018/09/27
0
0
GTK+ 3.0.12 发布

GTK+ 3.0.12 发布。文件选择器进行了一些改进,小的bug修复,翻译更新。 GTK(GIMP Toolkit)是一套跨多种平台的图形工具包,按LGPL许可协议发布的。虽然最初是为GIMP写的,但目前已发展为一个功...

小卒过河
2011/07/28
492
2

没有更多内容

加载失败,请刷新页面

加载更多

苹果面向Mac发布英特尔处理器漏洞缓解措施

去年苹果向Safari浏览器推出安全更新以修复基于ARM价格和英特尔的处理器存在的推测执行系列安全漏洞。 不过当时苹果并未发布有关处理器性能下降的测试结果,但大家都知道安装缓解措施会造成处...

linux-tao
41分钟前
1
0
第一个vue应用

https://www.bootcdn.cn/vue/ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .bg{ color: red; ......

江戸川
51分钟前
3
0
NCRE考试感想 四级嵌入式(下)

权威的官方文件 考试时间:2017年3月 经验写于:2017年5月 万事万物都在变化,四级嵌入式也是如此。所以,该经验仅作为参考,官方的文件才是权威。   做题经验 第一遍做题库时,拿眼睛看,看...

志成就
今天
2
0
共享Session

分布式系统中,Session 共享有很多的解决方案,其中托管到缓存中应该是最常用的方案之一。 spring官方说明: Spring Session 提供了一套创建和管理 Servlet HttpSession 的方案。Spring Sess...

贾峰uk
今天
2
0
秒杀

少年已不再年少
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部