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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • before与after都是用来对相对选中元素外部增加相邻的兄弟节点 html字符串的使用 2个方法都是都可以接收HTML字符串,DOM 元素,元素数组,或者jQuery对象,用来插入到集合中每个匹配元素的前面或者后面 2个方法都支持多个参数传递after(div1,div2,....) 可以参考代码 after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入 同理 before如果前面有则将前面的前移然后插入
    查看全部
  • .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象 append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。 appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。 $("#bt1").on('click', function() { //.append(), 内容在方法的后面, //参数是将要插入的内容。 $(".content").append('<div class="append">通过append方法添加的元素</div>') }) 这么用
    查看全部
  • var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })
    查看全部
  • 创建元素节点: 可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来,通过$()函数处理,$("html结构") $("<div></div>") 创建为本节点: 与创建元素节点类似,可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点: 与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>")
    查看全部
  • 创建流程比较简单,大体如下: 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • 再再简单总结一下: 再简单总结一下: append()是受,appendTo()是攻,都是内部下面插入。prepend()是受,prependTo()是攻,都是内部上面插入。 before()和after()是外部插入,一个从前面插,一个从后面插
    查看全部
  • 与创建元素节点同样的方式 $("<div id='test' class='aaron'>我是文本节点</div>") 我们通过jQuery把上一届的代码改造一下,如右边代码所示 一条一句就搞定了,跟写HTML结构方式是一样的 $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") 这就是jQuery创建节点的方式,让我们保留HTML的结构书写方式,非常的简单、方便和灵活
    查看全部
  • 创建节点(常见的:元素、属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中
    查看全部
  • 内部插入是将content插入到selector节点内部,包括内部的头部和尾部。插入后的节点与原节点是父子关系。 外部插入是将content插入到selector节点外部,包括selector节点的前面和后面。插入后的节点与原节点是兄弟关系。
    查看全部
  • $('body').append(HTML) 意思是在body 这个标签里面添加html。举个例子 $('body').append("<p>Hello World</p>"); 就会在页面body 末尾中添加Hello World
    查看全部
  • append(): $(selector).append(content):content必需。规定要插入的内容(可包含 HTML 标签)。 $(selector).append(function(index,html)):function(index,html)必需。规定返回待插入内容的函数。 index - 可选。接收选择器的 index 位置。 html - 可选。接收选择器的当前 HTML。
    查看全部
  • on()用法:http://www.365mini.com/page/jquery-on.htm
    查看全部
  • $("body") 是一个选择器,jQuery 会从 DOM 顶端开始搜索,直到找到标签为 body 的元素。
    查看全部
  • index%2 奇数为真
    查看全部

举报

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

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