• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > JavaScript >

12个很棒的jQuery选择器扩展(2)

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-03-14点击:

  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()) ||

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1978130638@qq.com ,  QQ