为了账号安全,请及时绑定邮箱和手机立即绑定
  • add()方法:

    创建一个新的jQuery对象,元素添加到匹配的元素集合中

    查看全部
  • 释义

    n.

    兄弟姐妹;同科;同胞;(sibling的复数)

    siblings():快速查找置顶元素集合中每一个元素的同辈元素。

    查看全部
  • prev()方法:快速查找指定集合中每一个元素紧邻的前面同辈元素集合。

    查看全部
  • next()方法快速查找置顶元素集合中每一个元素紧邻的后面同辈元素的元素集合。

    查看全部
  • closest()方法:接受一个匹配元素的选择器字符串

    从元素本身开始,在DOM树上逐级向上级元素匹配,并返回最先匹配的祖先元素。

    closest()和parents()的相似之处:都是往上遍历祖辈元素。

    而两者的区别之处是:

    1. 起始位置不同:.closest开始于当前元素 .parents开始于父元素

    2. 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合

    3. 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象


    查看全部
  • parents()方法:快速查找合集里面每一个元素的所有祖辈元素。

    注意:parent只会查找一级,parents则会往上一直查找到祖先节点。

    parents()无参数

    parent()方法选择性的接受同一型选择其表达式:对合集对象进行一定的筛选,找出目标元素。

    查看全部
  • .click(function(){});和.on('click',function(){})的区别

    click定义了以后,只对上文的dom有效果,下文新建的dom是没有这个事件的

    on了以后,不管是上文拥有的dom,还是新建的dom,都有这个事件

    一个很简单的例子:

    不用on:

    var a = $('<div class="cl">创建节点</div>');

    a.appendTo('body');

    $('.cl').click(function(){console.log('click无on')});

    $('body').append('<div class="cl">新建节点</div>');

    这个只有创建节点这个dom上点击有console,新建节点没有console

    下面用on:

    var a = $('<div class="cl">创建节点</div>');

    a.appendTo('body');

    $(document).on('click', '.cl', function(){console.log('click有on')});

    $('body').append('<div class="cl">新建节点</div>');

    这个创建节点和新建节点都有console


    查看全部
  • parent():快速查找jQuery合集中的每一个元素的父元素(父亲-儿子关系)。

    查看全部
  • jQuery遍历之find()方法

    find():快速查找DOM树中的指定元素的后代元素

    注意:children是父子关系查找,find是 后代关系(包括父子关系)查找。

    find只在后代中遍历,不包括自己

    查看全部
  • jQuery遍历之children()方法

    children():快速查找合集里面的第一级子元素

    children()无参数:

    允许在DOM树中对相应元素的直接子元素进行搜索,并且构造出一个新的匹配元素的jQuery对象。


    查看全部
  • wrap()方法:为一个元素增加父元素以将这个元素包裹起来。

    (1).wrap(wrappingElement):在集合中匹配的每个元素周围包裹一个HTML结构。

    (2).wrap(function):一个回调函数,返回用于包裹匹配元素的HTML内容或者jQuery对象。

    查看全部
  • $('p').wrapAll('<div></div>')的效果是:
    <div>
        <p>p元素</p>
        <p>p元素</p>
    </div>
    
    $('p').wrapAll(function() {
        return '<div><div/>'; 
    })的效果是:通过回调的方式可以单独处理每一个元素
    <div>
        <p>p元素</p>
    </div>
    <div>
        <p>p元素</p>
    </div>


    查看全部
  • <p>p元素</p>
    $('p').wrap('<div></div>')

    ==

    $('p').wrap(function() {
        return '<div></div>'; 
    })


    查看全部
  • .replaceWith(newContent):用提供的内容替换集合中所有匹配元素并且返回被删除元素的集合。

    用$()选择节点A,调用replaceWith 方法,传入一个新的内容B(HTML字符串,DOM元素,jQuery对象)用老替换选中的节点A。

    .replaceAll(target):用集合中的匹配元素替换每个目标元素。

    replaceWith和replace All功能类似,但是目标和源相反。

    两种方法都会删除与节点相关联的所有数据和事件处理程序。

    replace with方法和其他大部分jQuery方法一样,返回jQuery对象,所以可以和其他方法连接使用。

    replace with方法返回的是jQuery对象引用的是替换前得到节点。

    查看全部
  • $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替换第二段的内容</a>')

    $('<a >replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last');

    查看全部

举报

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

微信扫码,参与3人拼团

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

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