为了账号安全,请及时绑定邮箱和手机立即绑定
  • console.log() 语法:console.log("内容"); 作用:将"内容"输出在控制台中,方便以后的调试,是一个使用频率极高的功能。(控制台在浏览器中按F12,打开开发者模式的第二项(console)即可,并且也可以在console选项卡下即时做测试) http://img1.sycdn.imooc.com//58a97e8400015a9303920187.jpg
    查看全部
    1 采集 收起 来源:DOM拷贝clone()

    2018-03-22

  • "操作:选择所有的li元素,之后把p元素也加入到li的合集中"这话的意思是将p元素加入到li元素操作的合集里面,就是和li一起执行接下来的动作,而不是在li元素当中添加p元素
    查看全部
  • querySelector()高级选择器 addEventListener('事件。必须。字符串,指定事件名。',‘函数。必须。指定要事件触发时执行的函数。 ’,‘可选。布尔值,指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行alse- false- 默认。事件句柄在冒泡阶段执行’) 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild
    查看全部
  • .parent() 找爸爸 .closest(),首先从本身开始向上匹配,若匹配到符合要求的第一个,即停止匹配。 .parents(),从元素父级一直向上匹配,找出所有匹配的符合要求元素。 add()就是开后门,把一个新元素插入到一个jq合集中去,这样方便对其进行统一操作。 第二个代码示例做的真的不好,就是把一个新的p插入到li集合中以后,又整体从div.left搬到了div.right中,而老p还留在原地。 $("li").each(function(index, element) { if (index % 2) { $(this).css('color','blue') } }) 当index为奇数的时候成立,而索引从0开始,则索引1其实为第2个 之前的: .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸 .unwrap 爸爸没了 .wrapAll 所有人加个爸爸 .wrapAll(function)每个人加个爸爸 .wrapInner 加个儿子 .children() 找儿子 .find() 找后代
    查看全部
  • if (!$("p").length) return; //去重 必要
    查看全部
  • .children() 找儿子 .find() 找后代 .parent() 找爸爸 .parents() 找长辈(直接遍历到根元素,可能返回零个或一个或多个元素) .closest() 找长辈(从当前节点向上遍历,找到停止,返回零个或一个元素) .next() 找小弟 .prev() 找大哥 .siblings() 找兄弟
    查看全部
  • detach第二次操作也选择的是P:first,这是因为本题默认你会先点第一个按钮,已经删除了原先的第一个P,所以第二个P到这一步就成了P:first了。如果多点一次第一个按钮,两个事件就都被清除了。
    查看全部
  • appendTo()语法: appendTo(target) 把包装集里所有元素移动到指定目标的内容的末尾 参数 target (字符串|元素)一个包含jquery选择器的字符串,或一个DOM元素。包装集各元素将追加到target所指定的那个位置。如果多个元素与一个选择器字符串匹配,则包装集各元素将被复制并追加到与选择器匹配的每个元素。 如果目的地只标识一个目标元素,则元素被移动;如果目的地标识多个目标元素,则源元素留在原始位置,且被复制到每个目标元素。 新版本的jq都是移动,不论有多少个目标
    查看全部
  • $('a').wrapAll(function() { return '<div></div>' }) JQuery2.0以下版本:通过wrapAll的回调方法给每个a元素增加父容器div JQuery2.0以上版本:通过wrapAll的回调方法给所有a元素增加同一个父容器div
    查看全部
  • $("#btn1").on('click',function () { ($(".left div:first p:eq(0)").replaceWith("<a style='color: red'>replaceWith修改第一段后的结果</a>")).css('color','blue'); }); //显示结果是red,而不是blue,因为设置blue的对象是替换前的元素。 $("#btn2").on('click',function () { ($("<a style='color:red;'>replaceAll修改第六段之后的结果</a>").replaceAll(".left div:last p:eq(2)")).css('color','blue'); }) //显示替换结果是blue.
    查看全部
  • DOM节点删除empty()的基本用法 清空,它只移除了 指定元素中的所有子节点。
    查看全部
  • $("div").add("p") // 查找所有div标签和p标签(不是将p加在div中,而是同时遍历) $("div").add("<p>123</p>").appendTo(目标) // 查找所有div和新建的一个p标签,插入到目标位置,改变了原来的结构,移动了位置
    查看全部
  • each是一个for循环的包装迭代器 each通过回调的方式处理,并且会有2个固定的实参,索引与元素 each回调方法中的this指向当前迭代的dom元素
    查看全部
  • jQuery遍历之next()方法 $("div").next() // 查找div的下一个兄弟元素 $("div").next(":first") // 查找div的下一个兄弟元素中的第一个元素(因为有很多个div,所有有很多个他们的兄弟元素) $('.item-1').next().css('border','3px solid red');//找到所有class=item-2的li,然后给每个li加上红色的边 $('.item-2').next(':first').css('border', '1px solid blue')//找到所有class=item-3的li,然后筛选出第一个li,加上蓝色的边
    查看全部
  • $("div").clone() //只克隆了结构,事件丢失。外表一样,没有功能,就像蜡像 $("div").clone(true) //结构、事件与数据都克隆,就是完完全全一模一样功能复制品。
    查看全部
    1 采集 收起 来源:DOM拷贝clone()

    2018-03-22

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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