示例

这个是 Github:makryl/ABigImage 图片预览插件的一段代码 (在移动端表现也很棒!)

$('a.abigimage').abigimage({
    bottomCSS: {
        fontSize: '2em',
        textAlign: 'center'
    },
    onopen: function (target) {
        var text = $('img', target).attr('alt');
        this.bottom.html(text);
    }
});

jquery 最强大的就是 css 选择器了, 可以快速的定位到元素

但是 $('img', target) 这样的还是第一次注意到, 赶紧去查查…

详解

StackoverFlow 找到答案, 以下2段代码效果是一样的:(看完是不是瞬间就明白了, 哈哈)

$('img', target)

$(target).find('img')

再来个例子

$('div.foo').click(function() {
  $('span', this).addClass('bar');
  // it will find span elements that are
  // descendants of the clicked element (this)
});

这种情况, 使用 $(expr, context) 就比 $(context).find(expr) 简洁一点, 嗯, 涨姿势了…


参考:



blog comments powered by Disqus

Published

02 July 2018

Tags