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

  

 

你可能感兴趣的:(jquery)