08 }
09}
10
11$('#container :height(<100)');
4、:leftOf
选择在指定元素左边的所有元素
01$.extend($.expr[':'],
02{
03 leftOf: function(el, i, m)
04 {
05 var oe = $(el).offset();
06 var om = $(m[3]).offset();
07
08 return oe.left + $(el).width() < om.left;
09 }
10}
11
12$('#container :leftOf(#element)');
5、:rightOf
选择在指定元素右边的所有元素
01$.extend($.expr[':'],
02{
03 rightOf: function(el, i, m)
04 {
05 var oe = $(el).offset();
06 var om = $(m[3]).offset();
07
08 return oe.left > om.left + $(m[3]).width();
09 }
10}
11
12$('#container :rightOf(#element)');
6、:external
选择所有带外站链接的锚点标签
01$.extend($.expr[':'],
02{
03 external: function(el)
04 {
05 if(!el.href) {return false;}
06 return el.hostname && el.hostname !== window.location.hostname;
07 }
08}
09
10$('#container :external');
7、:target
选择指定target属性的锚点标签
01$.extend($.expr[':'],
02{
03 target: function(el, i, m)
04 {
05 if(!m[3]) {return false;}
06 return (m[3] === '_self' && ($(el).attr('target') == '' || !el.target)) ||
07 (m[3] === $(el).attr('target'));
08 }
09}
10
11$('#container :target(_self)');
8、:inView
选取位于可视窗口内的所有元素
01$.extend($.expr[':'],
02{
03 inView: function(el)
04 {
05 var offset = $(el).offset();
06
07 return !(
08 (offset.top > $(window).height() + $(document).scrollTop()) ||
09 (offset.top + $(el).height() < $(document).scrollTop()) ||
10 (offset.left > $(window).width() + $(document).scrollLeft()) ||