摘要:選擇器基本篩選選擇器匹配第一個(gè)元素匹配最后一個(gè)元素去掉不匹配的選擇器元素在匹配的集合中選擇索引值為的元素選擇匹配集合中所有大于給定索引值的元素選擇索引值為偶數(shù)的元素,從開始計(jì)數(shù)選擇索引值為奇數(shù)的元素,從開始計(jì)數(shù)選擇匹配集合中所有索引值小于給
jQuery選擇器 基本篩選選擇器
$(":first") 匹配第一個(gè)元素
$(":last") 匹配最后一個(gè)元素
$(":not(select)") 去掉不匹配的選擇器元素
$(":eq(index)") 在匹配的集合中選擇索引值為index的元素
$(":gt(index)") 選擇匹配集合中所有大于給定index(索引值)的元素
$(":even") 選擇索引值為偶數(shù)的元素,從0開始計(jì)數(shù)
$(":odd") 選擇索引值為奇數(shù)的元素,從0開始計(jì)數(shù)
$(":lt(index)") 選擇匹配集合中所有索引值小于給定index參數(shù)的元素
$(":header") 選擇所有標(biāo)題元素,像h1,h2,h3等
$("lang(language)") 選擇指定語言的所有元素
$(":root") 選擇該文檔的根元素
$(":animated") 選擇所有正在執(zhí)行動(dòng)畫效果的元素
div:first
:even
:odd
:even
:odd
:even
div:last
:odd
demo
鏈接描述
$(":contain(text)") 選擇所有包含指定文本的元素
$(":parent") 選擇所有含有子元素或者文本的元素
$(":empty") 選擇所有沒有子元素的元素(包括文本節(jié)點(diǎn))
$(":has(selector)") 選擇元素中至少包含指定選擇器的元素
圖片描述
contains
:contains
:has
:contains
:parent/:empty
demo
子元素篩選選擇器$(:first-chid) //選擇所有父元素級(jí)下的第一個(gè)子元素 $(:last-child) //選擇所有父元素下的最后一個(gè)元素 $(:only-child) //如果某元素是其父元素的唯一子元素,那么它就會(huì)被選中 $(:nth-child) //選擇他們所有父元素的第n個(gè)元素 $(:nth-last-child) //選擇他們所有父元素的第n個(gè)元素,計(jì)數(shù)從最后一個(gè)元素到第一個(gè)
表單元素選擇器子元素篩選選擇器
:first-child、:last-child、:only-child
:nth-child、:nth-last-child
$(:input) 選擇所有input,textarea,select和button元素
$(:text) 匹配所有文本框
$(:password) 匹配所有密碼框
$(:radio) 匹配所有單選按鈕
$(:checkbox) 匹配所有復(fù)選框
$(:submit) 匹配所有提交按鈕
$(:image) 匹配所有圖像域
$(:reset) 匹配所有重置按鈕
$(:button) 匹配所有按鈕
$(:file) 匹配所有按鈕
input、text、password、radio、checkbox
submit、image、reset、button、file
[1]: http://codepen.io/i-summer/pen/EWjZLv [2]: http://codepen.io/i-summer/details/RpPpKX/ [3]: /img/bVJImf
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/116515.html
摘要:確定離開和操作的用法實(shí)例操作符判斷基本數(shù)據(jù)類型檢測(cè)對(duì)象的繼承關(guān)系,左操作數(shù)是對(duì)象,右操作數(shù)是構(gòu)造函數(shù)可以準(zhǔn)確判斷左對(duì)象是右對(duì)象的實(shí)例頁面的三種彈窗警告框確認(rèn)框提示框請(qǐng)指出和的區(qū)別共同點(diǎn)這兩種事件都代表的是頁面文檔加載時(shí)觸發(fā)。 js&jq涉及內(nèi)容眾多,分為上下兩部分進(jìn)行整理,該部分為上部分。 1、對(duì)前端工程師這個(gè)職位你是怎么樣理解的? 前端是最貼近用戶的程序員,前端的能力就是能讓產(chǎn)品...
摘要:但請(qǐng)求成功不代表這次請(qǐng)求沒有錯(cuò)誤,例如我接收到請(qǐng)求數(shù)據(jù)有個(gè)字段屬性為時(shí),代表用戶操作異常,我需要將用戶彈回登陸頁面,重新登陸。 使用Ng開發(fā)中必不可少要用到$http通信,那么這個(gè)$http 和JQ封裝好的ajax有什么區(qū)別呢? 1.$http 的post傳遞參數(shù)方法不同 ng使用post方法傳遞的參數(shù)是json格式,而Jq的post方法傳遞過去的參數(shù)是form表格傳遞方式,所以如果使...
摘要:提高業(yè)務(wù)編程能力中提供了很多的方法基本都兼容,我們可以使用這些方法快速開發(fā)項(xiàng)目中有的方法提供的思想可以讓我們把項(xiàng)目實(shí)現(xiàn)得更優(yōu)化提高基礎(chǔ)以及一些高級(jí)編程思想分析源碼,學(xué)習(xí)里面類庫(kù)封裝的思想和一些方法實(shí)現(xiàn)的原理有時(shí)間把中提供的常用方法都去實(shí)現(xiàn)一 jQuery 提高業(yè)務(wù)編程能力 JQ中提供了很多的方法(基本都兼容),我們可以使用這些方法快速開發(fā)項(xiàng)目 JQ中有的方法提供的思想可以讓我們把...
閱讀 2799·2021-09-01 10:30
閱讀 1690·2019-08-30 15:52
閱讀 978·2019-08-29 18:40
閱讀 1134·2019-08-28 18:30
閱讀 2405·2019-08-23 17:19
閱讀 1333·2019-08-23 16:25
閱讀 2710·2019-08-23 16:18
閱讀 2988·2019-08-23 13:53