取得文档元素 原生 JavaScript document. getElementByldO document. getElementsByTagNameo document. getElements ByNameO jQuery jQuery0等价于$0
取得文档元素 ▪ 原生 JavaScript ▪ document.getElementById() ▪ document.getElementsByTagName() ▪ document.getElementsByName() ▪ jQuery ▪ jQuery() 等价于 $()
取得文档元素 Query(selector) 使用CSS选择器来取得文档元素 采用 Sizzle css选择器引擎 对于HTML代码 <div class=foo">some content</div> 获取一个包装了该元素的 jQuery对象 var foo =s(div. foo') 支持CSS3选择器 jQuery Selectors API W3C selector spec
取得文档元素 ▪ jQuery(selector) ▪ 使用 CSS 选择器来取得文档元素 ▪ 采用 Sizzle CSS 选择器引擎 ▪ 对于 HTML 代码 <div class="foo">some content</div> ▪ 获取一个包装了该元素的 jQuery 对象 var foo = $('div.foo'); ▪ 支持 CSS3 选择器 jQuery Selectors API W3C selector spec
jQuery selector $( S(div: animated) s(a[hreflangl="en"]) jQuery(Attribute="value"]) jQuery([attribute*=value"]) jQueryclattribute ="value"]) jQuery([attributes="value"]) jQuery([attribute="value"1) jQuery([attribute!=value"]) jQuery ([attribute A="value"1)
jQuery Selector ▪ $('*') ▪ $('div:animated') ▪ $('a[hreflang|=“en"]') ▪ jQuery('[attribute|="value"]') ▪ jQuery('[attribute*="value"]') ▪ jQuery('[attribute~="value"]') ▪ jQuery('[attribute$="value"]') ▪ jQuery('[attribute="value"]') ▪ jQuery('[attribute!="value"]') ▪ jQuery('[attribute^="value"]')
jQuery selector S(. button )$(: checkbox,) 伪类选择器 S( checked" )$(: Selected,)$(: disabled,) Parent child) Not supported by ie6, but by jQuery S(parent child") S(ul.topnavgator >Ii") S.class") S: contains(text)")
jQuery Selector ▪ $(':button') $(':checkbox') ▪ 伪类选择器 ▪ $(':checked') $(':selected') $(':disabled') ▪ $('parent > child') ▪ Not supported by ie6, but by jQuery ▪ $('parent child') ▪ $('ul.topnavgator > li') ▪ $('.class') ▪ $(':contains(text)') ▪ …