| 一、今日学习内容1.创建节点 $('html代码) 例如 const $box = $('<div class="box" id="box">这是jq创建的div标签</div>'); 2.增加节点 两种情况：1-- ： 在父节点内容（特别注意内容）之后添加新节点 2--：在兄弟节点之前或者之后添加新的兄弟节点 1.在父节点内容之前或之后添加新节点 // 之后 --： 父节点.append （新节点） 或者 新节点.appendTo(父节点) //之前--： 父节点.prepend （新节点） 或者 新节点.prependTo(父节点) 2.在指定兄弟节点之前或者之后添加新的兄弟节点 //之后 指定的兄弟节点.after（新节点） 新节点。insertAfter（指定的同级兄弟节点） //之前 指定的兄弟节点.before(新节点) 新节点.insertBefore(指定的同级兄弟节点) 3.删除节点 jq对象.empty( )------删除了子元素，保留了自己 jq对象。remove()---jq对象.detach（）----都是删除了子元素也删除了自己 前者不保留事件，后者保留了事件 4.复制节点 jq对象.clone() 默认参数为false---不复制事件 true--复制事件 5.筛选节点 children()：获取所有的子节点 children('sel1,sel2,sel3,....')：获取所有指定的子节点 兄弟节点 next():后面的第一个兄弟节点 + nextAll():后面所有的兄弟节点 ~ nextUntil():后面所有的兄弟节点直到...为止 prev()：前面的第一个兄弟节点 prevAll():前面的所有的兄弟节点 prevUntil():获取前面所有的兄弟节点直到...为止 siblings()：所有的兄弟节点--包括前面与后面 siblings('sel1,sle2,...')：获取前后所有指定选择器的兄弟的节点 closest('选择器')---向上查找 find('选择器')---向下查找 6.jq对象的遍历 each() jq对象.each(function(当前元素对应的索引i,当前具体元素v){ i:索引 v:原生对象 }) $.each(jq对象，function(i,v){ v:原生对象 }) |
| 欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |