zoukankan      html  css  js  c++  java
  • 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());

      

  • 相关阅读:
    C语言指针和数组
    C语言malloc、calloc函数
    33、二叉树的后序遍历序列
    进程、线程、协程
    8、字符串转整数
    51、数组中的逆序对
    49、丑数
    19、正则表达式匹配
    32、从上到下打印二叉树
    leetcode5:最长回文子串
  • 原文地址:https://www.cnblogs.com/YangK-java/p/4555982.html
Copyright © 2011-2022 走看看