为了账号安全,请及时绑定邮箱和手机立即绑定
  • $('.item-2').next(':eq(1)'),你应该是觉得$('.item-2').next()就够了,因为next()总是为class=item-2紧接的那个元素,但是class=item-2的元素不止一个啊,所以$('.item-2').next()的元素也不止一个。

        所以$('.item-2').next(':eq(1)')是选择为所有的类为class=item-2元素下面的那个元素的集合中下标为1的那个元素。


    查看全部
  • $("li").add("<p> new </p>").appendTo($(".right"); 表明把li 和 新增的p 一起放入 right中.

    但是新增p 放入顺序始终在li的下面 新增  通过点击第一个改变颜色可以观察新增P的位置

    查看全部
  • $("h1").add("p").add("span").css("background-color","yellow");

    会将h1 , p span 全部 css转换为color:yellow;

    查看全部
  • $("p").wrapAll("<div></div>") ;

    强制将所有p元素组合到一个div内部中 不管是否在另一个div中

    <script>

    $(document).ready(function(){

    $("button").click(function(){

    $("p").wrapAll("<div class='a'></div>");

    });

    });

    </script>

    <style type="text/css">

    .a{

    color:red;

    }

    div{background-color:yellow;}

    </style>

    </head>

    <body>


    <p>这是一个段落。</p>

    <p>这是另一个段落。</p>

    <button>给所有p元素包装一个div元素</button>

    <div>

    <p>1231</p>

    444

    </div>

    <p>asd</p>

    </body>

    http://img1.sycdn.imooc.com//5e05ac7a0001f7d305080230.jpg


    查看全部
  • parent()无参数

    parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象



    查看全部
  • remove:移除节点

    • 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据

    • 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据

    detach:移除节点

    • 移除的处理与remove一致

    • 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来

    • 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。



    查看全部
  • empty方法

    • 严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点

    • empty不能删除自己本身这个节点

    remove方法

    • 该节点与该节点所包含的所有后代节点将同时被删除

    • 提供传递一个筛选的表达式,删除指定合集中的元素



    查看全部
  •     内部操作四个方法的区别:

    • append()向每个匹配的元素内部追加内容

    • prepend()向每个匹配的元素内部前置内容

    • appendTo()把所有匹配的元素追加到另一个指定元素的集合中

    • prependTo()把所有匹配的元素前置到另一个指定的元素集合中


    查看全部
  • 1. $(选择器).click(fn)
        
    当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。

    2.$(选择器).on('click',function(){})

    on方法包含很多事件,点击,双击等等事件。和$().click()的用法一样,最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。



    查看全部
    • 创建元素:document.createElement

    • 设置属性:setAttribute

    • 添加文本:innerHTML

    • 加入文档:appendChild


    查看全部
  • remove:移除节点

    • 无参数,移除自身整个节点以及该节点的内部的所有节点,包括节点上事件与数据

    • 有参数,移除筛选出的节点以及该节点的内部的所有节点,包括节点上事件与数据

    detach:移除节点

    • 移除的处理与remove一致

    • 与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来

    • 例如:$("p").detach()这一句会移除对象,仅仅是显示效果没有了。但是内存中还是存在的。当你append之后,又重新回到了文档流中。就又显示出来了。


    查看全部
  •  $("p").detach()把所有的P元素删除后,再通过append把删除的p元素放到页面上

    查看全部
    • 创建元素:document.createElement

    • 设置属性:setAttribute

    • 添加文本:innerHTML

    • 加入文档:appendChild


    查看全部
  •  $('li').add('p').css('background', 'red')

    这个add('p')是指把已经存在的那个p元素加入到li集合中,不是新创建一个p元素,与第二个例子不同


    查看全部
  • 操作:选择所有的li元素,之后把p元素也加入到li的合集中

    <ul>
        <li>list item 1</li>
        <li>list item 3</li>
    </ul>
    <p>新的p元素</p>

    处理一:传递选择器

    $('li').add('p')

    处理二:传递dom元素

    $('li').add(document.getElementsByTagName('p')[0])

    还有一种方式,就是动态创建P标签加入到合集,然后插入到指定的位置,但是这样就改变元素的本身的排列了

     $('li').add('<p>新的p元素</p>').appendTo(目标位置)


    查看全部

举报

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

微信扫码,参与3人拼团

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

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