为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
jQuery基础(二)—DOM篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .wrapAll( wrappingElement ):给集合中匹配的元素增加一个外面包裹HTML结构 .wrapAll( function ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象 注意:针对所有匹配元素,wrap针对单个匹配元素
    查看全部
  • unwrap():删除选中元素的父元素,保留自身(和兄弟元素,如果存在)在原来的位置。 例子 <div> <p>p元素</p> </div> $('p').unwarp();
    查看全部
  • 1 .wrap(HTML):在集合中匹配的每个元素周围包裹一个HTML结构(增加一个父元素),针对单个 $('p').wrap('<div></div>') 2 .wrap( function ) :一个回调函数,返回用于包裹匹配元素的 HTML 内容或 jQuery 对象 $('p').wrap(function() { return '<div></div>'; //与第一种类似,只是写法不一样 })
    查看全部
  • .replaceWith( newContent ):用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 .replaceAll( target ) :用集合的匹配元素替换每个目标元素 注意:1..replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处 理程序 2..replaceWith()方法返回的jQuery对象引用的是替换前的节点,而不是通过 replaceWith/replaceAll方法替换后的节点
    查看全部
  • $("div").clone() //只克隆了结构,事件丢失 $("div").clone(true) //结构、事件与数据都克隆 注意:1.clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容 2.参数true,确认克隆数据和事件 3.只能处理通过jQuery 绑定的事件和数据 4.clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素 内容
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • detach():临时删除页面上的节点,但保留其内存模型对象(保留事件和数据),可以再次添加 例子:if (!$("p").length) {return;} //去重 p = $("p").detach()
    查看全部
  • remove():删除节点 ,移除自身元素,销毁一切内容,包括数据和事件 remove(选择器表达式):传入参数,删除指定元素
    查看全部
  • empty();清空指定元素中的所有指定子节点 例子: <div class="hello"><p>慕课网</p></div> $(".hello").empty();//清除了 <p>慕课网</p>,div还在
    查看全部
  • .insertBefore(e):把指定内容插入到参数的前面 .insertAfter(e):把指定内容插入到参数的后面 注意:不支持多参数
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • .after(content);在指定元素后面插入content .before(content);在指定元素前面插入content 注意:1. 支持多个参数 2.参数:字符串、DOM元素、元素数组、jQuery对象
    查看全部
  • 插入节点:append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • 创建节点:$("html结构")
    查看全部
  • .wrapInner 加个儿子 之前的: .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸
    查看全部
  • 发现这个示例里的多个p标签如果不是连续的话(指多个p标签中前掺插了其他标签),会将非p标签的统一移动到p标签后面,然后再给p标签统一添加唯一的div父元素 补充:在不同的父级之下也会被收集到一块,然后插入到同一个父级中
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的语法 2、jQuery节点操作
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!