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

jQuery基础(二)—DOM篇

Aaron艾伦 Web前端工程师
难度入门
时长 2小时17分
  • .closest(),首先从本身开始向上匹配,若匹配到符合要求的第一个,即停止匹配。 .parents(),从元素父级一直向上匹配,找出所有匹配的符合要求元素。
    查看全部
  • 因为是合集,所以parent()括号里根据自己的需求可增加筛选项
    查看全部
  • $('.left').find('li:last').css('border','2px solid blue') 我就是想不明白,如果单纯为了修改最终节点的CSS样式,为什么不这么写? $('.left li:last').css('border','2px solid blue') 还有文章中的写错了吧 【选择器 context 是由 .find() 方法实现的;因此,$('li.item-ii').find('li') 等价于 $('li', 'li.item-ii')。】 不应该是等价于$('li.item-ii li)吗???
    查看全部
  • 说的有问题,.find()方法可以找到孙元素 要传递参数。.children()方法只能找到第一级子元素,找不到下一层
    查看全部
  • 在新的jquery版本中,使用wrapAll返回函数时也会把a元素一起包裹起来了
    查看全部
  • 这节: .unwrap 爸爸没了 之前的: .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制 (true全复制 false 浅复制,无事件) .replaceWith 删除并替换节点(结合.replaceAll()来记) .wrap 每个人加个爸爸
    查看全部
  • replaceWith()和html()实现的功能确实很像,但是最重要的一点 html()只是把所匹配到的节点里的内容给替换掉,而replaceWith()是把匹配到的这节点替换掉;
    查看全部
  • 如果需要提前退出,可以以通过返回 false以便在回调函数内中止循。
    查看全部
  • 删除: f (!$("p").length) return; p = $("p").detach() 显示: $("body").append(p); //把p存的再显示出来
    查看全部
  • remove会删除div,empty只是清空了div的内容,div本身还存在。就好像empty只是把可乐倒了装可乐的瓶子还留着,remove直接把可乐瓶一起丢了 $(".test1").remove() $("p").remove(":contains('3')") $("p").filter(":contains('3')").remove(); $("p:contains('3')").remove();
    查看全部
  • $("button").on('click', function() { //通过empty移除了当前div元素下的所有p元素 //但是本身id=test的div元素没有被删除 $("#test").empty() })
    查看全部
  • (爹).prepend(大儿子)   主动收一个大儿子 (大儿子).prependto(爹)   主动来认爹当大儿子 append()是受,appendTo()是攻,都是内部下面插入。prepend()是受,prependTo()是攻,都是内部上面插入。 before()和after()是外部插入,一个从前面插,一个从后面插。
    查看全部
  • $("#bt1").on('click', function() { //在匹配test1元素集合中的每个元素前面插入p元素 $(".test1").before【after】('<p >before,在匹配元素之前增加</p>', '<p >多参数</p>') })
    查看全部
  • //遍历所有的li //修改偶数li内的字体颜色 $("li").each(function(index, element) { if (index % 2) { $(this).css('color','blue') } })
    查看全部
  • 如果需要提前退出,可以以通过返回 false以便在回调函数内中止循
    查看全部

举报

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

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