表單過濾選擇器_jquery選中元素使用哪些選擇器

Ⅰ Jquery常用的選擇器有哪些

1、基本選擇器：
#id 、element 、.class 、* 、selector1,selector2,selectorN

2、層次選擇器：
ancestor descendant 、parent > child 、prev + next 、prev ~ siblings

3、基本過濾器選擇器
:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、
:animated

4、內容過濾器選擇器

:contains 、:empty 、:has 、:parent

5、可見性過濾器選擇器

:hidden 、:visible

6、屬性過濾器選擇器

[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]

7、子元素過濾器選擇器
:nth-child 、:first-child 、:last-child 、:only-child

8、表單選擇器
:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button
、:file 、:hidden

9、表單過濾器選擇器

:enabled 、:disabled 、:checked 、:selected

Ⅱ 誰跟我提供一本jquery書籍

書籍：JQuery權威指南--完整版

內容簡介
本書由國內資深web技術專家親自執筆，4大web開發社區一致鼎力推薦，權威性毋庸置疑。
內容新穎，基於jquery的最新版本撰寫，所有新功能和新特性一覽無余；內容全面，不僅講解了jquery技術本身的方方面面，而且還包括與jquery相關的擴展知識；實戰性強，不僅每個知識點都配有完整的小案例，而且還有兩個綜合性的案例。本書不僅能滿足讀者系統學習理論知識的需求，還能滿足需要充分實踐的需求。

示例目錄
第1章jquery開發入門
示例1-1編寫第一個簡單的jquery程序
示例1-2jquery事件的鏈式寫法
示例1-3控制dom對象
示例1-4jquery控制css樣式
第2章jquery 選擇器
示例2-1使用javascript實現隔行變色
示例2-2使用jquery選擇器實現隔行變色
示例2-3使用javascript輸出文字信息
示例2-4使用jquery輸出文字信息
示例2-5使用jquery基本選擇器選擇元素
示例2-6使用jquery層次選擇器選擇元素
示例2-7使用jquery基本過濾選擇器選擇元素
示例2-8使用jquery內容過濾選擇器選擇元素
示例2-9使用jquery可見性過濾選擇器選擇元素
示例2-10使用jquery屬性過濾選擇器選擇元素
示例2-11使用jquery子元素過濾選擇器選擇元素
示例2-12通過表單對象屬性過濾選擇器獲取表單對象
示例2-13使用jquery表單過濾選擇器獲取元素
綜合案例分析—導航條在項目中的應用
第3章jquery操作dom
示例3-1創建一個dom頁面文檔
示例3-2通過attr(name)方法獲取元素的屬性
示例3-3設置元素的屬性（一）
示例3-4設置元素的屬性（二）
示例3-5設置或獲取元素的內容
示例3-6設置或獲取元素的值
示例3-7直接設置元素樣式值
示例3-8增加css類別
示例3-9類別切換
示例3-10動態創建節點元素
示例3-11插入節點（一）
示例3-12插入節點（二）
示例3-13外部插入節點
示例3-14復制元素節點
示例3-15替換元素節點
示例3-16包裹元素節點
示例3-17遍歷元素
示例3-18刪除元素
綜合案例分析—數據刪除和圖片預覽在項目中的應用
第4章jquery中的事件與應用
示例4-1事件中的冒泡現象
示例4-2用bind方法綁定事件
示例4-3用映射方式綁定不同的事件
示例4-4用hover方法綁定事件
示例4-5用toggle方法綁定事件
示例4-6用unbind方法移除事件
示例4-7用one方法綁定事件
示例4-8用trigger方法綁定事件
示例4-9文本框中的事件應用
示例4-10下拉列表框中的事件應用
示例4-11列表中的導航菜單應用
示例4-12網頁選項卡的應用
綜合案例分析—刪除數據時的提示效果在項目中的應用
第5章jquery的動畫與特效

Ⅲ 鋒利的jquery中表單選擇器中hidden元素是17個嗎

Jquery的選擇器分為:基本選擇器,層次選擇器,過濾選擇器和表單選擇器。
而按照不同的過濾規則,過濾選擇器回又可以分為基答本過濾選擇器,內容過濾選擇器,可見性過濾選擇器,屬性過濾選擇器,子元素過濾選擇器和表單對象屬性過濾選擇器等。

Ⅳ jquery選中元素使用哪些選擇器

JQuery 選擇器

在 HTML DOM 術語中：選擇器允許您對 DOM 元素組或單個 DOM 節點進行操作。

jQuery 元素選專擇器

jQuery 使用屬 CSS 選擇器來選取 HTML 元素。

$("p") 選取 <p> 元素。

$("p.intro") 選取所有 class="intro" 的 <p> 元素。

$("p#demo") 選取所有 id="demo" 的 <p> 元素。

jQuery 屬性選擇器

jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

jQuery 參考手冊 - 選擇器

Ⅳ jQuery基本選擇器選擇元素使用介紹

復制代碼
代碼如下:
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>

<title></title>

<script
src="jquery-1.9.1.js"
type="text/javascript"></script>
<style
type="text/css">
body{font-size:12px;text-align:center;}
.clsFrame{width:300px;height:100px}
.clsFrame
div,span{display:none;float:left;width:65px;height:65px;border:solid
1px
#ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<script
type="text/javascript">
$(function
()
{
//ID匹配元素
$('#divOne').css('display',
'block');
})
$(function
()
{
//元素名匹配元素
$('div
span').css('display',
'block');
})
$(function
()
{
//類匹配元素
$('.clsFrame
.clsOne').css('display',
'block');
})
$(function
()
{
//匹配所有元素
$('*').css('display',
'block');
})
$(function
()
{
//合並匹配元素
$('#divOne,span').css('display',
'block');
})
</script>
</head>
<body>
<div
class="clsFrame">
<div
id="divOne">
ID</div>
<div
class="clsOne">
CLASS</div>
<span>SPAN</span>
</div>
</body>
</html>

Ⅵ jquery中簡單過濾選擇器有哪些

1. 基本過濾選擇器
a) ":first"，選取第一個元素，別忘記它也是被放在一個集合里哦！因為JQuery它是DOM對象的一個集合。如，「$("tr:first")」返回所有tr元素的第一個tr元素，它仍然被保存在集合中。
b)「:last」，選取最後一個元素。如，「$("tr:last")」返回所有tr元素的最後一個tr元素，它仍然被保存在集合中。
c)「:not(selector)」，去除所有與給定選擇器匹配的元素。如，「$("input:not(:checked)")」返回所有input元素，但去除被選中的元素（單選框、多選框）。
d)「:even」，選取所有元素中偶數的元素。因為JQuery對象是一個集合，這里的偶數指的就是集合的索引，索引從0開始。
e) 「:odd」，選取所有元素中奇數的元素，索引從0開始。
f) 「:eq(index)」，選取指定索引的元素，索引從0開始。
g) 「:gt(index)」，選取索引大於指定index的元素，索引從0開始。
h) 「:lt(index)」，選取索引小於指定index的元素，索引從0開始。
i) 「:header」，選取所有的標題元素，如hq、h2等。
j) 「:animated」，選取當前正在執行的所有動畫元素。

2). 內容過濾選擇器
它是對元素和文本內容的操作。
a) 「:contains(text)」，選取包含text文本內容的元素。
b) 「:empty」，選取不包含子元素或者文本節點的空元素。
c) 「:has(selector)」，選取含有選擇器所匹配的元素的元素。
d) 「:parent」，選取含有子元素或文本節點的元素。（它是一個父節點）

3). 可見性過濾選擇器
根據元素的可見與不可見狀態來選取元素。
「:hidden」，選取所有不可見元素。
「:visible」，選擇所有可見元素。
可見選擇器：hidden 不僅包含樣式屬性 display 為 none 的元素，也包含文本隱藏域 (<input type=「hidden」>)和 visible:hidden 之類的元素。

4).屬性過濾選擇器
通過元素的屬性來選取相應的元素。
a) 「[attribute]」，選取擁有此屬性的元素。
b) 「[attribute=value]」，選取指定屬性值為value的所有元素。
c) 「[attribute !=value]」，選取屬性值不為value的所有元素。
d) 「[attribute ^= value]」，選取屬性值以value開始的所有元素。
e) 「[attribute $= value]」，選取屬性值以value結束的所有元素。
f) 「[attribute *= value]」，選取屬性值包含value的所有元素。
g) 「[selector1] [selector2]…[selectorN]」，復合性選擇器，首先經[selector1]選擇返回集合A，集合A再經過[selector2]選擇返回集合B，集合B再經過[selectorN]選擇返回結果集合。

5). 子元素過濾選擇器
一看名字便是，它是對某一元素的子元素進行選取的。
a) 「:nth-child(index/even/odd)」，選取索引為index的元素、索引為偶數的元素、索引為奇數的元素。
l nth-child(even/odd)：能選取每個父元素下的索引值為偶(奇)數的元素。
l nth-child(2)：能選取每個父元素下的索引值為 2 的元素。
l nth-child(3n)：能選取每個父元素下的索引值是 3 的倍數的元素。
l nth-child(3n + 1)：能選取每個父元素下的索引值是 3n + 1的元素。
b) 「:first-child」，選取第一個子元素。
c) 「:last-child」，選取最後一個子元素。
d) 「:only-child」，選取唯一子元素，它的父元素只有它這一個子元素。

6). 表單過濾選擇器
選取表單元素的過濾選擇器。
a) 「:input」，選取所有<input>、<textarea>、<select >和<button>元素。
b) 「:text」，選取所有的文本框元素。
c) 「:password」，選取所有的密碼框元素。
d) 「:radio」，選取所有的單選框元素。
e) 「:checkbox」，選取所有的多選框元素。
f) 「:submit」，選取所有的提交按鈕元素。
g) 「:image」，選取所有的圖像按鈕元素。
h) 「:reset」，選取所有重置按鈕元素。
i) 「:button」，選取所有按鈕元素。
j) 「:file」，選取所有文件上傳域元素。
k) 「:hidden」，選取所有不可見元素。

7).表單對象屬性過濾選擇器
選取表單元素屬性的過濾選擇器。
「:enabled」，選取所有可用元素。
「:disabled」，選取所有不可用元素。
「:checked」，選取所有被選中的元素，如單選框、復選框。
「:selected」，選取所有被選中項元素，如下拉列表框、列表框。

Ⅶ JavaScript和JQuery選擇器有什麼區別，我知道JQuery有9中選擇器，

1、jQuery，顧名思義，也就是JavaScript和查詢（Query），即是輔助JavaScript開發的庫。你可以理解的內是，jquery就是js的工具容箱，jquery提供各種方法，能簡化js代碼。jquery提供的方法其實js也可以實現，就是js代碼寫的繁瑣，jquery簡化了。
比如獲取某個id=a的元素
js寫法：document.getElementById(a);
jquery寫法：$("#a")
對比下jquery寫法是不是很簡潔，

2、ssh如果只會CRUD和分頁不能找到一年開發經驗的工作，一般有經驗的工作面試官都會問項目問題，問項目用的框架是神馬？緩存機制用的神馬？在開發中你擔任的工作是神馬？遇到問題怎麼解決等等......還是面試初級吧，多開發行業只能一步一個腳印走，想一口吃成大胖子完全不可能。

Ⅷ 比如我頁面表單中有很多<input>，通過Jquery怎麼獲取1.3.5...這樣奇數的<input>元素

$(「input:odd」)選取索引是奇數的<input>元素。更多過濾選擇器參考jquery的基本過濾選擇器。

導航:首頁 > 凈水問答 > 表單過濾選擇器

表單過濾選擇器

與表單過濾選擇器相關的資料