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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同 append()前面是被插入的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容,而后面是被插入的对象 兄弟 您这题出的越来越简单 几近于无
    查看全部
  • $("<div id='test' class='aaron'>我是文本节点</div>")
    查看全部
  • 流程中涉及的一点方法: 创建元素:document.createElement() 设置属性:setAttribute() 添加文本:innerHTML() 加入文档:appendChild()
    查看全部
  • 使用each(index,element){} 需要注意有两个参数,索引与元素,效果是会将选中的每一个元素进行处理。但是问题是就算没有使用each,直接css方式处理,也能全部选中。
    查看全部
  • 1. $('li').appendTo(目标位置)。原来的li不见了,所以若选取了已显示的元素,appendTo之后,原来的元素不见了。 2. add()表示,在原来选取的基础上加上这个东西一起处理。
    查看全部
  • .parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了 起始位置不同:.closest开始于当前元素 .parents开始于父元素 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象
    查看全部
  • 往合集中添加新的元素 1.传递选择器:$('li').add('p'): 在li中添加p元素,形成一个新的合集; 2.传递dom元素: $('li').add(document.getElementsByTagName('p')[0]): 3.$('li').add('<p></p>').appendTo(目标位置) 动态创建p标签加入到合集,然后加入到指定的位置。
    查看全部
  • 找兄弟姐妹 $("h1").siblings(): 找到在h1的所有兄弟节点。
    查看全部
  • 找哥哥姐姐 1.prev():找到匹配元素的前一个元素
    查看全部
  • 找弟弟妹妹 1.next(): 找出每一个元素的下一个兄弟元素;
    查看全部
  • 找祖先 1.$('div').closest('li'): 从当前元素找到指定的目标,找到匹配的就停止。即只返回一个元素或空集的对象; 2.$('div').parents('li'): 开始于父元素,直到找到根元素。返回的是一个元素或多个元素或空集的对象。
    查看全部
  • 1.children():向下找儿子 2.parent():向上找爸爸 3.parents():向上找祖宗 4.find():向下查找后代
    查看全部
  • 找爹 1.parent(): 找所有匹配集合的爹; 2.parent();找一个类型的爹;
    查看全部
  • append()与appendTo() $("#bt1").on('click', function() { //.append(), 内容在方法的后面, //参数是将要插入的内容。 $(".content").append('<div class="append">通过append方法添加的元素</div>') $("#bt2").on('click', function() { //.appendTo()刚好相反,内容在方法前面, //无论是一个选择器表达式 或创建作为标记上的标记 //它都将被插入到目标容器的末尾。 $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content")) })
    查看全部
  • var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) })
    查看全部

举报

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

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