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

  

上一篇:html2canvas截屏用法


下一篇:[Everyday Mathematics]20150129