02-筛选jquery对象

  • 如何筛选JQuery对象:
  • 检测DOM Object:if(obj.nodeType)
  • 检测JQuery Object :if(obj.jquery)
  • 如何转换:
           
var jqueryObj = $(domObj);
var domObj = jqueryObj.get([index]);

 

  1. 如何创建元素,如果只是不放在页面上,无法通过选择器选择:
          
var div = $('<div>Hello</div>');

 

  1. 如何添加到页面上,appendTo是追加到页面的最后面:
         
 div.appendTo('body');

 

  1. 如何追加属性:
         
var link1 = $('<a>',{
               text:'baudu',
               href:'http://www.baidu.com',
               target:'_blank',
               title:'goto baidu'
          });
          
          //另一种方法
 
         var link1 = $('<a>baidu</a>').attr({
               text:'baudu',
               href:'http://www.baidu.com',
               target:'_blank',
               title:'goto baidu'
          });

 

  1. 检查元素的数量,没有则返回0:
          
$('div').length;

 

  • 提取元素,如果get为负值,相当于从后往前:
         
 get([index]);      //返回dom元素或元素集合
          eq(index);         //返回jquery对象
          ele.toArray();     //返回ele的数组对象

 

  • 通过关系查找jquery对象:
         
          $('ele').parents('div');     //获取ele的所有div父元素
          $('ele').children();         //获取ele的子元素
          $('ele').contents();         //获取ele的文本节点
          $('ele').find('p');          //返回后代的p元素
          $('ele').colsest('ele');     //从当前元素开始匹配
          $('ele').next([selector]);   //往后查找同辈元素
          $('ele').nextAll([selector]);
          $('ele').nextUntil([selector]);
          $('ele').prev([selector]);     //往前查找同辈元素
          $('ele').prevAll([selector]);
          $('ele').prevUntil([selector]);
          $('ele').sibling([selector]);     //取得所有兄弟元素    

 

  • 筛选和遍历JQuery对象:
          
          add(selector);          //串联元素
          not(selector);          //删除元素
          filter(selector);       //把匹配之外的删除掉

 

  • 获取子集
         
 slice(0,5);          //负数从尾部开始

 

  • 转化元素:
         
 map(callback);       //那元素传递到当前匹配集合中,生成包含返回值的新的jquery对象

 

  • 遍历元素:
         
 each();         

 

    
  • JQuery对象的其他操作:
          
          is(selector);          //如果找到参数则返回true
          end();                 //将匹配的元素集合变回前一次的状态
          addBack([selector])    //把链式元素添加在一起

 

转载于:https://www.cnblogs.com/focus1995/p/7251052.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值