欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery內(nèi)容選擇器與表單選擇器實例分析

 更新時間:2019年06月28日 10:28:15   作者:Yeoman92  
這篇文章主要介紹了jQuery內(nèi)容選擇器與表單選擇器,結合實例形式分析了jQuery內(nèi)容選擇器與表單選擇器的功能、用法及相關操作注意事項,需要的朋友可以參考下

本文實例講述了jQuery內(nèi)容選擇器與表單選擇器。分享給大家供大家參考,具體如下:

內(nèi)容選擇器

jQuery內(nèi)容過濾選擇器的過濾規(guī)則主要運用在DOM元素所包含的子元素或其文本內(nèi)容上,主要包括以下四種過濾方法:
內(nèi)容選擇器4種用法

  • 內(nèi)容選擇器
    • 選取含有文本內(nèi)容為“text”的元素
    • 格式:E:contains(text)
  • 包含元素選擇器
    • 選取含有選擇器所匹配的元素的元素
    • 格式: E:has(selector)
  • 空內(nèi)容選擇器
    • 選取不含任何子元素或文本的空元素
    • 格式: E:empty
  • 非空內(nèi)容選擇器
    • 選取含有子元素或者文本的元素標簽
    • 格式:E :parent

表單元素選擇器

表單元素是指用于獲取指定表單元素的選擇器,表單元素選擇器用于簡化表單的操作.

如操作:

  • 選擇所有內(nèi)容包含 “is”單詞的段落
  • 找到所有擁有input標簽的div對象
  • 標出所有的非空元素,即擁有子元素或文本的元素
  • 標出所有空元素,即沒有子元素或文本的元素
  • 獲取表單下所有輸入框
  • 所有不可用輸入項
  • 被選中的元素
<script>
$(function(){
    //利用:contains獲取包含指定內(nèi)容的組件,篩選文本內(nèi)容中包含is單詞的組件
    //$("p:contains(special)").css("border" , "1px solid red");
    //獲取擁有名為input后代節(jié)點的標簽
    //$("div:has(input)").css("border" , "1px solid red");
    //利用層疊選擇器與has()選擇器最大的不同時,層疊選擇器選中的是input組件,而上面的has則選中的是擁有input組件的div組件
    //$("div input").css("border" , "1px solid red");
    //利用:parent選擇器獲取所有非空元素
    //$("*:parent").css("border" , "1px solid red");
    //利用:empty 來獲取所有空元素
    //$("*:empty").css("border" , "1px solid red");
    //利用:input獲取表單所有元素,:之前什么都不寫默認就是*查詢所有
    //$(":input").css("border" , "1px solid red");
    //$(":input").css("width" , "200px");
    //$("input,select,button").css("border" , "1px solid red");
    //獲取所有按鈕
    //$(":button , :submit , :reset").css("border" , "1px solid red");
    //利用:disabled獲取不可用的表單元素
    //$(":disabled").css("border" , "1px solid red");
    //下面這句話與之等價
    //$("*[disabled='disabled']").css("border" , "1px solid red");
    //獲取被選中的單選框或復選框
    //$(":checked").css("width" , "100px");
    $("*[checked='checked']").css("border" , "1px solid red");
  })
</script>

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

相關文章

  • 收集的10個免費的jQuery相冊

    收集的10個免費的jQuery相冊

    或許在網(wǎng)絡上你已經(jīng)見過數(shù)百種通過jQuery實現(xiàn)的相冊,但是我們發(fā)現(xiàn)的這些相冊,他們有額外的東西,優(yōu)雅和獨特的創(chuàng)意!每個相冊都是可在線預覽和免費下載的。你可以為你的Web項目添加色彩。
    2011-02-02
  • jQuery入門基礎知識學習指南

    jQuery入門基礎知識學習指南

    這篇文章主要介紹了jQuery入門基礎知識學習指南,jQuery是當下最主流人氣最高的JavaScript庫,需要的朋友可以參考下
    2015-08-08
  • jQuery樹形下拉菜單特效代碼分享

    jQuery樹形下拉菜單特效代碼分享

    這篇文章主要介紹了jQuery實現(xiàn)幻樹形下拉菜單特效,代碼簡單,非常具有實用價值,需要的朋友可以參考下
    2015-08-08
  • jQuery 版元素拖拽原型代碼

    jQuery 版元素拖拽原型代碼

    “元素拖拽”顧名思義:拖動,移動,拽放。有很多的解釋,而且在網(wǎng)上相關資料非常之多,本人在開發(fā) AsyncBox 當中也用到此效果,借此分享,同時也是一種技術積累。
    2011-04-04
  • jQuery層疊選擇器用法實例分析

    jQuery層疊選擇器用法實例分析

    這篇文章主要介紹了jQuery層疊選擇器用法,結合實例形式分析了jQuery層疊選擇器功能、用法及相關操作注意事項,需要的朋友可以參考下
    2019-06-06
  • 父頁面顯示遮罩層彈出半透明狀態(tài)的dialog

    父頁面顯示遮罩層彈出半透明狀態(tài)的dialog

    本文為大家介紹下父頁面顯示遮罩層,彈出半透明狀態(tài)的dialog。dialog即彈出的子頁面,需要的朋友可以參考下
    2014-03-03
  • jquery 學習筆記一

    jquery 學習筆記一

    jquery是javascript的類庫,提供了大量的javascript的類庫和API,方便javascript開發(fā)。
    2010-04-04
  • jquery——九宮格大轉盤抽獎實例

    jquery——九宮格大轉盤抽獎實例

    本篇文章主要介紹了jquery——九宮格大轉盤抽獎實例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • jquery中選擇塊并改變屬性值的方法

    jquery中選擇塊并改變屬性值的方法

    本文為大家介紹下使用jquery改變class屬性的值,通過removeClass、addClass實現(xiàn),具體如下,感興趣的朋友可以學習下
    2013-07-07
  • juqery 學習之五 文檔處理 包裹、替換、刪除、復制

    juqery 學習之五 文檔處理 包裹、替換、刪除、復制

    這個函數(shù)的原理是檢查提供的第一個元素(它是由所提供的HTML標記代碼動態(tài)生成的),并在它的代碼結構中找到最上層的祖先元素--這個祖先元素就是包裹元素。
    2011-02-02

最新評論