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());