您的位置:首页 - 教程 - jQuery - 正文
jQuery初学心得
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());

评论: