jQuery in action 3rd - Operating on a jQuery collection

1、创建新 DOM 元素

　　$('<div>Hello</div>');

　　$('<img>', {
　　　　src: 'images/little.bear.png',
　　　　alt: 'Little Bear',
　　　　title: 'I woof in yor general direction',
　　　　click: function() {
　　　　　　alert($(this).attr('title'));
　　　　}

　　}).appendTo('body');

2、操作 jQuery collection 对象的方法

　　get([index])

　　　　示例：$('img[alt]').get(0)

　　eq(index)

　　　　示例：$('img[alt]').eq(2)

　　first()

　　　　示例：$('img[alt]').first()

　　last()

　　　　示例：$('img[alt]').last()

　　toArray()

　　　　示例：$('img[alt]').toArray()

　　index()

　　　　示例：$(#main-menu > li').index($('#blog-link'));

　　父子、祖先、子孙关系函数

　　add()

　　not()

　　　　示例，
　　　　$('div').not(function(index) {

　　　　　　// 注意，此处的 this 是一个 DOMElement 对象，而不是 jQuery 对象
　　　　　　return $(this).children().length > 2;
　　　　});

　　filter()

　　　　示例，

　　　　$('td').filter(function() {

　　　　　　// 注意，此处的 this 是一个 DOMElement 对象，而不是 jQuery 对象
　　　　　　return this.innerHTML.match(/^\d+$/);
　　　　});

　　　　$('img').filter('[title*="dog"]').addClass('red-border');

　　slice()

　　has()

　　map()

　　　　示例，

　　　　$('div').map(function() {

　　　　　　// 注意，此处的 this 是一个 DOMElement 对象，而不是 jQuery 对象
　　　　　　return this.id;
　　　　});

　　each()

　　　　示例，

　　　　$('img').each(function(index) {

　　　　　　// 注意，此处的 this 是一个 DOMElement 对象，而不是 jQuery 对象
　　　　　　return this.id;
　　　　});

　　is()

　　end()

　　addBack()

巴特西

jQuery in action 3rd - Operating on a jQuery collection

最新文章

热门文章