码迷,mamicode.com
首页 > Web开发 > 详细

jQuery in action 3rd - Operating on a jQuery collection

时间:2015-12-21 16:16:28      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

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

标签:

原文地址:http://www.cnblogs.com/bylion/p/5063407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!