jQuery學(xué)習(xí)筆記之jQuery選擇器的使用
一.基本選擇器:
- #id :選擇給定ID名的元素 如:$("#id1")為選擇id為id1的元素
- .class :選擇給定類名的元素
- element :選擇給定元素名的所有原色
- * :匹配所有元素
- selector1,selector2,...... :選擇這些名稱的元素,以逗號(hào)隔開,可以是類或id名
二.層次選擇器:
- $("ancestor descendant") :選擇ancestor元素下的所有descendant(后代)元素
- $("parent>child") :選擇parent下的所有child(子)元素
- $('prev+next') :選擇緊跟prev后面的第一個(gè)next元素
- $('prev~siblings') :選擇prev后面的所有siblings元素
$('prev+next') 和$(.prev).next("next")作用一樣
$('prev~siblings')和$(.prev).nextAll("siblings")作用一樣
三.過濾選擇:
- :first 選擇第一個(gè)元素 如:$("div:first")為選擇第一個(gè)div元素
- :last 選擇最后一個(gè)元素
- :not(selector) 選擇不是selector的元素
- :even 選擇偶數(shù)索引的元素
- :odd 選擇所有奇數(shù)索引的元素
- :eq(index) 選擇索引等于index的元素
- :gt(index) 選擇索引大于index的元素
- :lt(index) 選擇索引小于index的元素
- :header 選擇所有<H>元素
- :animanted 選擇所有動(dòng)畫元素
四。內(nèi)容過濾:
- :contains(text) 選擇含有text文本的元素 如:$("div:contains('hello')")為選擇含有hello字符的div元素
- :empty 選擇所有不含字符的元素
- :has(selector) 選擇含有selector元素的元素
- :parent 選擇含有子元素的元素
五??梢娦赃^濾:
- :hidden 選擇所有可見元素
- :visible 選擇所有不可見元素
六。屬性過濾:
- [attribute] 選擇擁有此屬性的元素 如$("div[id]")選擇包含id屬性的div元素
- [attribute=value] 選擇attribute屬性等于value值的元素
- [attribute!=value] 選擇attribute屬性不等于value值的元素
- [attribute^=value] 選擇attribute屬性等于value值的元素
- [attribute$=value] 選擇attribute屬性值以value值開始的元素
- [attribute*=value] 選擇attribute屬性值含有value值的元素
- [selector1][selector2]....滿足這些條件的元素(組合)
七。子元素過濾選擇器
- :nth-child(index/even/odd/eqation)選擇父元素下的[索引/偶/奇]的子元素
- :first-child 選擇父元素的第一個(gè)子元素
- :last-child選擇父元素的最后一個(gè)子元素
- :only-child 選擇父元素下是唯一的子元素
八。表單屬性過濾
- :enabled 選擇所有可見元素 如:$("#form1:enabled")是選擇表單id為form1的所有可以用元素
- :disable 選擇所有不可見元素
- :checked 選擇所有被選擇的元素
- :selected 選擇所有被選中的選項(xiàng)元素
九.表單對(duì)象過濾
- :input 選擇所有<input><textarea><select><button>元素
- :text 選擇所有單行文本款,下面的都是這個(gè)格式
- :password
- :radio
- :checkbox
- :submit
- :image
- :reset
- :button
- :file
- :hidden
相關(guān)文章
使用jQuery設(shè)置disabled屬性與移除disabled屬性
Readonly只針對(duì)input和textarea有效,而disabled對(duì)于所有的表單元素都有效,下面為大家介紹下使用jQuery設(shè)置disabled屬性2014-08-08
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法,涉及jQuery事件綁定及頁面元素屬性動(dòng)態(tài)獲取與操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10
基于jquery的內(nèi)容循環(huán)滾動(dòng)小模塊(仿新浪微博未登錄首頁滾動(dòng)微博顯示)
新浪微博未登錄首頁有一個(gè)“大家正在說”的模塊,動(dòng)態(tài)滾動(dòng)最新發(fā)布的微博。2011-03-03
jquery.AutoComplete.js中文修正版(支持firefox)
jquery.AutoComplete.js中文修正版(支持firefox),注意是修正了輸入中文的一些bug,需要的朋友可以測(cè)試下。2010-04-04
jQuery+JSON+jPlayer實(shí)現(xiàn)QQ空間音樂查詢功能示例
本文為大家介紹下jQuery+JSON+jPlayer實(shí)現(xiàn)QQ空間音樂查詢,具體的實(shí)現(xiàn)過程感興趣的朋友可以了解下哈,希望對(duì)大家有所幫助2013-06-06
放棄用你的InnerHTML來輸出HTML吧 jQuery Tmpl不詳細(xì)講解
在Ajax橫道的今天,我們?cè)陧撁娼换ド嫌辛烁叩囊?,?dòng)態(tài)生成HTML毫無疑問是其中的一種。動(dòng)態(tài)生成HTML的方式多種多樣,最終通過一定的方法輸出給用戶innerHTML、documentWrite等方式2013-04-04
easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11

