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