JQ筆記

Baoyuan 發布于2019-08-20 14:32 / 774人閱讀

摘要：選擇器基本篩選選擇器匹配第一個元素匹配最后一個元素去掉不匹配的選擇器元素在匹配的集合中選擇索引值為的元素選擇匹配集合中所有大于給定索引值的元素選擇索引值為偶數的元素，從開始計數選擇索引值為奇數的元素，從開始計數選擇匹配集合中所有索引值小于給

jQuery選擇器 基本篩選選擇器

$(":first") 匹配第一個元素
$(":last") 匹配最后一個元素
$(":not(select)") 去掉不匹配的選擇器元素
$(":eq(index)") 在匹配的集合中選擇索引值為index的元素
$(":gt(index)") 選擇匹配集合中所有大于給定index（索引值）的元素
$(":even") 選擇索引值為偶數的元素，從0開始計數
$(":odd") 選擇索引值為奇數的元素，從0開始計數
$(":lt(index)") 選擇匹配集合中所有索引值小于給定index參數的元素
$(":header") 選擇所有標題元素，像h1,h2,h3等
$("lang(language)") 選擇指定語言的所有元素
$(":root") 選擇該文檔的根元素
$(":animated") 選擇所有正在執行動畫效果的元素

demo
鏈接描述

內容篩選選擇器

$(":contain(text)") 選擇所有包含指定文本的元素
$(":parent") 選擇所有含有子元素或者文本的元素
$(":empty") 選擇所有沒有子元素的元素（包括文本節點）
$(":has(selector)") 選擇元素中至少包含指定選擇器的元素
圖片描述


        
            contains
        
        
            :contains
        
        
            
                :has
            
        
        
            :contains
        
    
    

    
    :parent/:empty
    
        
            :parent
        
        
            :parent
        
        
            :parent

demo

子元素篩選選擇器

$(:first-chid)        //選擇所有父元素級下的第一個子元素
$(:last-child)        //選擇所有父元素下的最后一個元素
$(:only-child)        //如果某元素是其父元素的唯一子元素，那么它就會被選中
$(:nth-child)         //選擇他們所有父元素的第n個元素
$(:nth-last-child)    //選擇他們所有父元素的第n個元素,計數從最后一個元素到第一個

子元素篩選選擇器
    :first-child、:last-child、:only-child
    
        
            :first-child
            第二個元素
            :last-child
        
        
            :first-child
        
        
            :first-child
            第二個元素
            :last-child
        
    

    

    

    


    :nth-child、:nth-last-child
    
        
            :first-child
            第二個元素
            第三個元素
            :last-child
        
        
            :first-child
            第二個元素
        
        
            :first-child
            第二個元素
            第三個元素
            :last-child

表單元素選擇器

$(:input) 選擇所有input,textarea,select和button元素
$(:text) 匹配所有文本框
$(:password) 匹配所有密碼框
$(:radio) 匹配所有單選按鈕
$(:checkbox) 匹配所有復選框
$(: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

云服務器 GPU云服務器 jq cdn.jq jq cdn cdn jq

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81726.html

js&jq面試筆記（上）

摘要：確定離開和操作的用法實例操作符判斷基本數據類型檢測對象的繼承關系，左操作數是對象，右操作數是構造函數可以準確判斷左對象是右對象的實例頁面的三種彈窗警告框確認框提示框請指出和的區別共同點這兩種事件都代表的是頁面文檔加載時觸發。 js&jq涉及內容眾多，分為上下兩部分進行整理，該部分為上部分。 1、對前端工程師這個職位你是怎么樣理解的？前端是最貼近用戶的程序員，前端的能力就是能讓產品...

SoapEye 2019-08-23 10:38 評論0 收藏0
JQ筆記

摘要：選擇器基本篩選選擇器匹配第一個元素匹配最后一個元素去掉不匹配的選擇器元素在匹配的集合中選擇索引值為的元素選擇匹配集合中所有大于給定索引值的元素選擇索引值為偶數的元素，從開始計數選擇索引值為奇數的元素，從開始計數選擇匹配集合中所有索引值小于給 jQuery選擇器基本篩選選擇器 $(:first) 匹配第一個元素$(:last) 匹配最后一個...

yanbingyun1990 2019-08-30 15:52 評論0 收藏0
anguar的$http 筆記

摘要：但請求成功不代表這次請求沒有錯誤，例如我接收到請求數據有個字段屬性為時，代表用戶操作異常，我需要將用戶彈回登陸頁面，重新登陸。使用Ng開發中必不可少要用到$http通信，那么這個$http 和JQ封裝好的ajax有什么區別呢？ 1.$http 的post傳遞參數方法不同 ng使用post方法傳遞的參數是json格式，而Jq的post方法傳遞過去的參數是form表格傳遞方式，所以如果使...

zgbgx 2019-08-19 18:43 評論0 收藏0
jQuery學習筆記

摘要：提高業務編程能力中提供了很多的方法基本都兼容，我們可以使用這些方法快速開發項目中有的方法提供的思想可以讓我們把項目實現得更優化提高基礎以及一些高級編程思想分析源碼，學習里面類庫封裝的思想和一些方法實現的原理有時間把中提供的常用方法都去實現一 jQuery 提高業務編程能力 JQ中提供了很多的方法（基本都兼容），我們可以使用這些方法快速開發項目 JQ中有的方法提供的思想可以讓我們把...

GHOST_349178 2019-08-20 17:47 評論0 收藏0