• JQuery官方学习资料(译):选择器的运作


    • Getters 和 Setters
        JQuery的方法重载,方法设置和获取值一般使用相同名称的方法,当一个方法用来设置一个值的时候称之为Setter,当一个方法用来获取一个值的时候称之为Getter 。在选择器中Setter对所有的元素都有效,而Getter只能获取选择器中的第一个元素的值。
    // 这个.html()方法被作为setter:
    $( "h1" ).html( "hello world" );
    // 这个.html()方法被作为getter:
    $( "h1" ).html();
        Setter返回的是一个JQuery对象,它允许你继续在选择器上调用JQuery方法,而Getter返回的是请求的值,因此你不能继续调用JQuery方法在一个Getter的返回值上。
    这是一个错误示例:
    $( "h1" ).html().addClass( "test" );
    • Chaining
        如果你在选择器上调用一个方法,并且该方法返回的是一个JQuery对象,你可以继续调用JQuery方法在这个对象上,没有分号暂停,这种做法被称之为“Chaining”。
    $( "#content" ).find( "h3" ).eq( 2 ).html( "new text for the third h3!" );
        它可以增强代码的可读性。
    $( "#content" )
    .find( "h3" )
    .eq( 2 )
    .html( "new text for the third h3!" );
        JQuery提供.end()方法,可以在选择器链的中间返回到最原始的那个选择器。
    $( "#content" )
    .find( "h3" )
    .eq( 2 )
    .html( "new text for the third h3!" )
    .end() // 恢复到#content中所有h3的选择器
    .eq( 0 )
    .html( "new text for the first h3!" );
        Chaining是一个非常强大的功能,自从JQuery开始流行,很多的库都应用了这一功能。然而这一功能我们必须谨慎使用,大量的使用Chaining会导致代码难以修改和调试。由于没有应用于Chaining的规范,大量的使用它会得意忘形。
  • 相关阅读:
    CSS选择器实现搜索功能 驱动过滤搜索技术
    js实现倒计时 类似团购网站
    SQL Server系统表sysobjects介绍与使用
    四种开机的奇葩方法 设置定时开机
    sass 使用小记
    flex 弹性布局
    margin padding width height left top right bottom 百分比
    vue中canvas 实现手势密码
    babel-polyfill(解决浏览器不支持es6的问题)和es6-promise(解决不支持promise的问题)
    Ajax fetch axios的区别与优缺点
  • 原文地址:https://www.cnblogs.com/liusuqi/p/3290685.html
Copyright © 2020-2023  润新知