cQuery及jQuery.docVIP

jQuery cQuery 遍历对象each() $(#box li).each(function(a){ $(#box li).each(function(a){ console.log($(this))}) console.log(a.attr(‘data-attr’)) }) }) a是index索引, 实际的对象， a不是index，而是实际的对象 通过$(this)或$(#box li).eq(a)获取 查找每次遍历元素的index $(#box li).each(function(a){ console.log($(#box li).indexOf(a)) }) Length $(#box li).length 同左 选择器 $(‘#id class’) 同左 Css $(‘#id class’). css(color,red) 同左 $(‘#id class’).css({ color:’red’, fontSize:20px }) addClass()与removeClass() $(#box).addClass(box_1) 同左 $(#box).removeClass(box_1) eq :取出对象数组中某个特定的对象 $(#box li).eq(0) $($(#box li)[0]).css(color,red) //cQuery自带:$($(#box li).get(0)).css(color,blue) 里层的$(‘#box li’)[0]返回的是li集合中的第一个li对象，但此时这个li对象非cQuery对象，非JS对象，所以要使用这个对象的cQuery属性，需要$(对象)，把对象转化为cQuery对象 First与last $(#box li).first().css(color,blue) 同左 $(#box li).last().css(color,blue) //last:li.length-1 Find $(#box).find(li).css(color,red) $(#box).find(li).css(color,red) $(.li_1).parentNode().find(.li_2).css(color,blue) Find + eq $(#box li).find(a).css(color,red) $($(#box li)[0]).find(a).css(color,red) 最外层的$是要把里层js对象转化为cQuery对象 Parent() $(.li_1).parent ().css(color,blue) $(.li_1).parentNode().css(color,blue) $(#box .li_2).parent().parent() $(#box .li_2).parentNode().parentNode() 父与子元素 $(#boxli).css(color,red) 同左 $(divul.li_2) 兄弟相邻元素 Index()在同辈元素中的索引位置 $(#box li.li_2).index() $(#box li).indexOf($(#box li.li_1)) //在同辈box下li中的位置 //需要在indexOf前声明特定元素所在的同辈元素的集合 也可以写成 $(#box li).index($(#box li.li_1)) html() $(#box li).html(dsdsddsd) 同左 Val() $(.input_1).val() $(.input_1).value() 克隆clone() var liObj = $(#box).clone(true) 同左 true表示深克隆 JQ中无false与true Attr() $(#box).attr(data-test,true) 同左 $(#box).attr(data-test) Append() 1. var liObj = $(#box).clone(true);