Question

jQuery看不懂代码,求救

1. .find('div').css({ position: 'absolute', left: 0, top: 0, width: '100%' }) 是找什么?
2. .eq(0), (1), (2)分别指代什么?
3. .eq(0).css, .eq(2).html又各是什么意思?
4. .eq(2).html(setting.longestdesc).end().end() 的end是什么意思?为什么两个end?

adddescpanel: function(setting) {
setting.$descpanel = $('<div class="gallerydesc"><div class="gallerydescbg"></div><div class="gallerydescfg"><div class="gallerydesctext"></div></div></div>')
.css({ position: 'absolute', width: '100%', left: 0, top: -1000, zIndex: '1001' })
.find('div').css({ position: 'absolute', left: 0, top: 0, width: '100%' })
.eq(0).css({ background: 'black', opacity: simpleGallery_navpanel.panel.opacity }).end() //"gallerydescbg" div
.eq(1).css({ color: 'white' }).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()

Answer 1

1.找到div,给它设置css样式
2.多个相同的元素，找到第一、第二、第三个，类似数组
3.eq(0).css给相同元素的第一个元素设置样式，eq(2).html给相同元素的第三个元素内设置或者获取html代码(相当于innerHtml)
4.end的通俗讲就是查找选取其子元素，然后再回过来选取这个元素，具体我会在博客里详细写个例子

追问

谢谢,我想知道1里找到的是哪一个div?是setting.$descpanel中的第一个吗(class="gallerydesc")?那如果想找第二个div该怎么写?

追答

find找到的是一个集合，也就是所有符合的div，eq就可以随意找任何一个，也可以用.each()方法，循环