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