jquery 选择器

最近进新公司,让我把jquery选择器稍微再看下,我就正好再整理一下jquery,关于jquery,我觉着最重要的也就是选择器和事件了,其中选择器你必须记忆一番,你先要能够选择到你的对象,然后给他添加事件,关于事件,你只要去看文档,你想要什么效果,查一下就知道,jq关键还是选择器吧,鄙人之见而已!

下面是我参照文档整理的一些选择器,和自己的一些理解(参考文献,这个比w3c详细点)


基本过滤选择器

1,最常用的

#id

.class

element    eg:$("div")

selector1,selector2,...selectorN 多个选择器共同操作

2,层级选择器

$("ancestor descendant")选取ancestor元素里的所有descendant元素后代

$("parent>child") 选取parent元素下的child元素,第一个子元素

eg:



我也是醉了,html会被直接写出来,果然没有markdown好

$("pre + next")选取紧接在pre元素后的next元素

等价于$("pre").next("next")

$("pre~siblings") 选取pre元素之后的所有兄弟元素(有位置限定,前面的就选不到了)

等价于$("pre").nextAll("div")

siblings()方法则与位置无关

3,内容过滤选择器

:contains(text)

eg:$("div:contains("我")")选取含有文本"我"的div元素

:empty

eg:$("div:empty")选取不包含资源税的div空元素

:has(selector)

eg:$("div:has(p)")选取含有P元素的div元素

:hidden 选取所有不可见的元素

eg: $("input:hidden")

:visible 选取所有可见的元素

获取多选框选中的个数:

$("input:checked").length

获取下拉框选中的内容(多一个空格表示他的子元素)

$("select  :selected").text();

获取title为test的div

$("div[title='test']");

获取name是items且当前元素有checkbox的元素

$("[name=items]:checkbox")

获取name是items的元素 有checkbox的子元素

$("[name=items] :checkbox")

4,伪类选择器

在一堆相同元素中选择(eg: 多个div)

:first   第一个

:last  最后一个

:not(selector) 不包括

:even  基数

:odd  偶数

:eq(index)索引等于从0开始

:gt(index)大于

:lt(index)小于

:header 选取所有的标题

匹配如 h1, h2, h3之类的标题元素

:animated选取当前只在执行动画的所有元素

:lang(language) 指定语言的所有元素

$("div:lang(en)")将匹配

 and 

(和他们的后代

:hidden 匹配所有不可见元素,或者type为hidden的元素

:focus 匹配当前获取焦点的元素

5,其他

[attribute=value]匹配给定的属性是某个特定值的元素

eg:$("input[name='newsletter']")

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容