02.06.2013 Views

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

val = regex.exec( m[0] );<br />

if (val) {<br />

val = val[2];<br />

}<br />

// If a value was passed then we test for it, otherwise<br />

// we test that the value evaluates to true:<br />

return val ? <strong>jQuery</strong>(elem).data(key) == val : !!<strong>jQuery</strong>(elem).data(key);<br />

};<br />

前端攻城师 http://julying.com<br />

使用如此复杂的正则表达式的原因是我们想让该过滤器尽可能的灵活。新的选择器按丌同方法使用:<br />

// As we originally mused (above):<br />

<strong>jQuery</strong>('div:data("something",123)');<br />

// Check if 'something' is a "truthy" value<br />

<strong>jQuery</strong>('div:data(something)');<br />

// With or without (inner) quotes:<br />

<strong>jQuery</strong>('div:data(something, "something else")');<br />

现在如果我们想向一个元素添加数据的方式。如果你想添加更多类型的选择器,最好使用<strong>jQuery</strong>提供<br />

的extend()方法:<br />

<strong>jQuery</strong>.extend(<strong>jQuery</strong>.expr[':'], {<br />

newFilter1 : function(elem, index, match){<br />

// Return true or false.<br />

},<br />

newFilter2 : function(elem, index, match){<br />

// Return true or false.<br />

},<br />

newFilter3 : function(elem, index, match){<br />

// Return true or false.<br />

}<br />

});<br />

前端攻城师 http://julying.com

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!