cQuery与juery.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 父与子元素 $ #box li .css color,red 同左 $ div ul .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 ; 1. 同左 $ body .append liObj 2. 动态插入节点 2. $ body .append div class div_1 2. var divObj document. createElement div ; p class p_1 dddd $ divObj .html div class div_1 p class p_1 gggg .addClass div_box ; $ body .append divObj ; AppendTo $ ssssss .appendTo body var divObj document.createElement div $ divObj .html ddddd .appendTo $