• jQuery笔记(1)


    jQuery 是一个类库 拥有众多js函数的类库

    jQuery 大大简化了js的书写代码,看的舒服,用的爽。

    jQuery 是一个数组,它能够隐性的遍历。

    比如 ${"button"} 这样就把body 标签里面的<button /> 标签都给遍历了。

    ${"button"}.click(function() {
       // 弹出HelloWorld
           alerd("HelloWorld");
    
       //jQuery 和DOM 对象
       //1). 获取一个 jQuery 对象 
        var $btn = $("button");
       
       //2). jQuery 对象是一个数组
       alert($btn.length);
    
       //3). 可以通过数组的下标转为DOM对象
       alert($btn[0].firsChild.nodeValue);          
    }
    )
    
        <body>
            <button>1</button>
            <button>2</button>
        </body>   

     var $btn = $("button"); 就是获取一个jQuery对象 这个 Jquery对象 可以对button标签进行操作。

    这里的隐性遍历就是把 body里面的 button 标签都给添加click点击事件。

    // 2. 由DOM 对象转换为jQuery对象
    // 1). 选取一个 DOM 对象
     var btn = document.getElementById("btn");
    
    // 2). 把 btn 用 $("") 进行包装 这样就转换成为了jQuery对象
    
    alert($("btn").text());

    // 还可以用this,this表示 btn 引用当前 DOM对象
    alert($(this).text());

      

  • 相关阅读:
    手打AC的第2道数位DP:BZOJ1799: [Ahoi2009]self 同类分布
    Oracle PL/SQL编程基础
    Oracle高级查询,事物,过程及函数
    缓存技术
    图形化报表
    网站配置与部署
    Oracle 空间管理
    Oracle 10g体系结构及安全管理
    ORACLE 数据库概述
    jQuery中的Ajax应用
  • 原文地址:https://www.cnblogs.com/YangK-java/p/4555982.html
Copyright © 2020-2023  润新知