<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>jQuery神奇的選擇器(Selector)</title>
<link>http://blog.roodo.com/emisjerry/archives/4205285.html/</link>
<description><![CDATA[ 就像正規運 算式(Regular Expression)的Pattern match一般，jQuery使用了CSS(Cascading Style Sheet)、XPath(XML Path Language)與自訂等三大類的選擇器(Selector)當做$( )函數的參數，讓我們由複雜多樣的DOM結構裡，快速的找出符合樣式的要素。  使用選擇器的三個基本格式是：   序 格式 範例 說明    1 $(&quot;HTML標籤&quot;) $(&quot;div&quot;) 傳回表示所有div要素的jQuery物件   2 $(&quot;#要素的ID&quot;) $(&quot;#linksLeft&quot;) 傳回表示&lt;div id=&quot;linksLeft&quot;&gt;要素的jQuery物件   3 $(&quot;.要素的類別&quot;) $(&quot;.blogname&quot;) 傳回&lt;div class=&quot;blogname&quot;&gt;要素的jQuery物件     CSS選擇器 更完整的CSS Selector如下表：   樣 式 說明 範例    * 萬用選擇器(Universal selector)；表示所有的要素 $(&quot;*&quot;)   E Type selectors；選取指定的要素類型 $(&quot;div&quot;) 選取所有的div要素   E &gt; F Child selectors；選取E的子要素F $(&quot;div &gt; li&quot;) 選取div要素裡的子要素li   E F Descendant selectors；選取E的後代要素F，子代、孫代、... $(&quot;div li&quot;)   E + F 套用緊鄰在E之後的要素F 範例在表格下面   E:first-child E是第一個子要素；這個表示方法似乎不是很直覺，容易被理解成是E的第一個子要素，但其實是：E是其父要素的第一個子要 素 $(&quot;.blogbody:first-child&quot;) 找到首頁第一篇文章   E:last-child E是其父要素的最後一個子要素 $(&quot;.blogbody:last-child&quot;) 找到首頁最後一篇文章   E:nth-child(n) E是其父要素的第n個子要素 $(&quot;.blogbody:nth-child(2)&quot;) 找到首頁第３篇文章(由0起算)   E:only-child E是唯一的子要素 $(&quot;.blogname:only-child&quot;)   E:empty E沒有任何的子要素 $(&quot;div:empty&quot;)   E:enabled 生效的要素E HTML標籤沒有被加上disabled   E:disabled 失效的要素E HTML標籤被加上disabled   E:checked 被勾選的要素E HTML標籤被加上chedked   E:selected 被選取的要素E HTML標籤被加上selected   E:not(s) 不屬於s的要素E $(&quot;.blogbody:not(blogbody_even)   E[@attr] 有指定屬性的要素E $(&quot;a[@href]) 找出所有的&lt;a href=&quot;...&quot;&gt;&quot;)   E[@attr=value] 屬性的值完全相同的要素E $(&quot;h3[@class=hdr]&quot;)   E[@attr^=value] 屬性的值以value開頭的要素E $(&quot;a[@href^=http://blog.xuite.net]&quot;)   E[@attr$=value] 屬性的值以value結尾的要素E $(&quot;a[@href$=.pdf]&quot;)   E[@attr*=value] 屬性的值含有value的要素E $(&quot;a[@href*=xuite.net]&quot;)   E[@attr1=value1] [@attr2=value2 選取條件同時成立的要素E     E + F 範例：  h2 + * { color:green } /*所有緊隨 h2 的要素内的文字皆為紅色 */ h1 + p { border-top: 3px solid #f60; }  HTML原始碼(標題會套用h1 + p)： &lt;h1&gt;標題&lt;/h1&gt;&lt;p&gt;段落 A&lt;/p&gt;&lt;p&gt;段落 B&lt;/p&gt;&lt;p&gt;段落 C&lt;/p&gt; 自訂的選擇器   樣 式 說明 範例    :even 要素的偶數項 $(&quot;tbody tr:even&quot;).addClass(&quot;even&quot;)   :odd 要素的奇數項 $(&quot;tbody tr:odd&quot;).addClass(&quot;odd&quot;)   :eq(N) 第N項的要素 $(&quot;div.blogbody:eq(0)&quot;) 選第一篇文章   :gt(N) 大於第N項的要素 $(&quot;div.blogbody:gt(3)&quot;) 選第五篇(由0起算)~第十篇的文章(假設首頁只有十篇)   :lt(N) 小於第N項的要素 $(&quot;div.blogbody:lt(3)&quot;) 選第一篇至第三篇文章   :first 等於:eq(0)，第一個要素 $(&quot;div.blogbody:first') 選第一篇文章   :last 最後的要素 $(&quot;div.blogbody:last&quot;) 第十篇文章   :parent 選取自己是父代的要素 $(&quot;div.blogbody:parent&quot;) 有子要素的文章會被選取   :contains(&quot;text&quot;) 選取含有指定文字的要素 $(&quot;div.title:contains('jQuery')&quot;) 找出有jQuery字串的標題   :visible 有呈現出的要素 &nbsp;   :hidden 隱藏了的要素 &nbsp;    表單的選擇器   樣 式 說明 範例    :input 選取所有的輸入要素，包含input、select、textara、 button等 $(&quot;#form1 :input&quot;)   :text 選取&lt;input type=&quot;text&quot;&gt;的要素 &nbsp;   :password 選取&lt;input type=&quot;password&quot;&gt;的要素 &nbsp;   :radio 選取&lt;input type=&quot;radio&quot;&gt;的要素 &nbsp;   :checkbox 選取&lt;input type=&quot;checkbox&quot;&gt;的要素 &nbsp;   :submit 選取&lt;input type=&quot;submit&quot;&gt;的要素 &nbsp;   :image 選取&lt;input type=&quot;image&quot;&gt;的要素 &nbsp;   :reset 選取&lt;input type=&quot;reset&quot;&gt;的要素 &nbsp;   :button 選取&lt;input type=&quot;button&quot;&gt;的要素 &nbsp;   :reset 選取&lt;input type=&quot;reset&quot;&gt;的要素 &nbsp;   :file 選取&lt;input type=&quot;file&quot;&gt;的要素 &nbsp;     表單和選擇器之間至少要空一格，如: $(&quot;#fom1 :button&quot;)會生效，$(&quot;#form1:button&quot;)則無法運作參考：http://docs.jquery.com/DOM/Traversing/Selectors#CSS_Selectors    ]]>
	</description>
<language>zh-tw</language>
<generator>Roodo Blog System</generator>
<copyright>All Rights Reserved</copyright>
<atom:link href="http://blog.roodo.com/emisjerry/archives/4205285-comment.xml" rel="self" type="application/rss+xml" />
<item>
	<title>回應：jQuery神奇的選擇器(Selector)</title>
	<description><![CDATA[正妹部落格 <a href='http://www.5544998.com/' rel='nofollow'>http://www.5544998.com/</a>
投資理財網 <a href='http://www.jk867.net/' rel='nofollow'>http://www.jk867.net/</a>
免費好玩小遊戲區 <a href='http://d0401.com/' rel='nofollow'>http://d0401.com/</a>
免費線上遊戲區 <a href='http://www.a0919.com/' rel='nofollow'>http://www.a0919.com/</a>]]>
	</description>
	<link>http://blog.roodo.com/emisjerry/archives/4205285.html</link>
	<guid>http://blog.roodo.com/emisjerry/archives/4205285.html#comment-20199709</guid>
		<category>文章回應</category>
	<pubDate>Sat, 19 Dec 2009 14:01:48 +0800</pubDate>
</item>
<item>
	<title>回應：jQuery神奇的選擇器(Selector)</title>
	<description><![CDATA[文中所述是jQuery的寫法，與CSS的標準會有差異。]]>
	</description>
	<link>http://blog.roodo.com/emisjerry/archives/4205285.html</link>
	<guid>http://blog.roodo.com/emisjerry/archives/4205285.html#comment-18003869</guid>
		<category>文章回應</category>
	<pubDate>Fri, 21 Nov 2008 19:51:20 +0800</pubDate>
</item>
<item>
	<title>回應：jQuery神奇的選擇器(Selector)</title>
	<description><![CDATA[你好哦，小弟發現您的文章內提到的CSS Selector有點問題哦。
對選取特定的attrbute的用法是[attr]，不需要加@哦。
可以看這裡 <a href='http://www.w3.org/TR/CSS21/selector.html#attribute-selectors' rel='nofollow'><a href='http://www.w3.org/TR/CSS21/selector.html#attribute-selectors' rel='nofollow'>http://www.w3.org/TR/CSS21/selector.html#attribute-selectors</a></a>]]>
	</description>
	<link>http://blog.roodo.com/emisjerry/archives/4205285.html</link>
	<guid>http://blog.roodo.com/emisjerry/archives/4205285.html#comment-17997609</guid>
		<category>文章回應</category>
	<pubDate>Thu, 20 Nov 2008 17:53:20 +0800</pubDate>
</item>
<item>
	<title>回應：jQuery神奇的選擇器(Selector)</title>
	<description><![CDATA[請問一下唷
我在使用選擇器時有個問題
搜尋某個form裡,id=title的數量為何
alert($("#scope1Form [@id=title]").size());
但是ie可以顯示的出數量,但firefox跟safari都顯示為0,是因為我的寫法有錯嗎...]]>
	</description>
	<link>http://blog.roodo.com/emisjerry/archives/4205285.html</link>
	<guid>http://blog.roodo.com/emisjerry/archives/4205285.html#comment-16916061</guid>
	<author>ivanchuang@staff.sina.com.tw(ivan)</author>	<category>文章回應</category>
	<pubDate>Wed, 23 Jul 2008 18:17:51 +0800</pubDate>
</item>
</channel>
</rss>