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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • wrap()穿外套,wrapInner()穿内衣!
    查看全部
  • .wrap 每个人加个爸爸 .wrapAll 大家一起加个爸爸
    查看全部
  • .replaceWith( newContent ):用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 简单来说:用$()选择节点A,调用replaceWith方法,传入一个新的内容B(HTML字符串,DOM元素,或者jQuery对象)用来替换选中的节点A. .replaceAll( target ) :用集合的匹配元素替换每个目标元素 .replaceAll()和.replaceWith()功能类似,但是目标和源相反,用上述的HTML结构,我们用replaceAll处理
    查看全部
  • $(this)指的是当前你点击的这个aaron1
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-04

  • //只克隆节点 //不克隆事件 $(".aaron1").on('click', function() { $(".left").append( $(this).clone().css('color','red') ) //若把$('this').clone中的"this"改为"aaron1"会添加一个节点,一个边2个,2个变4个; })
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • HTML部分 <div></div> JavaScript部分 $("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构,事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • 这里总结下内部操作四个方法的区别: append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 简单的总结就是: .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象
    查看全部
  • remove();把自身会删除 empty()删除里面的内容,不删除自身
    查看全部
  • insertBefore,元素再前面,内容在后面,插入的位置在前面, 不支持多参数增加 insertAfter
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中 即append将追加的元素到后面 prepend将追加的元素到前面
    查看全部
  • $(".text1").after("<p>XXXX</p>,<p>XXX</p>) 先找定位的class,.after插入在后面,.before插入在前面 before与after都是用来对相对选中元素外部增加相邻的兄弟节点 2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面
    查看全部
  • append(content)内容在方法的后面 appendTo(content)内容在方法的前面
    查看全部
  • DOM拷贝clone() 使用上就是这样简单,使用克隆的我们需要额外知道的细节: 1.clone()方法时,在将它插入到文档之前,我们可以修改克隆后的元素或者元素内容,如右边代码我 $(this).clone().css('color','red') 增加了一个颜色 2.通过传递true,将所有绑定在原始元素上的事件处理函数复制到克隆元素上 3.clone()方法是jQuery扩展的,只能处理通过jQuery绑定的事件与数据 4.单纯使用 .clone(true),复制后的元素与源元素共用 data 数据。如果你想让复制后的元素也拥有独立、专属的 data 数据,你就需要在 .clone(true).data("...")手动为其添加 data 数据。
    查看全部
    0 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • add相当于多选 add()与append()不一样,add()是指在JQuery对象集合中增加一个对象,而append()是在DOM集合中增加一个节点。add()不会直接影响界面,append()会对界面产生影响。
    查看全部

举报

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

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