1. jQuery介绍
1. 概念
- jQuery: javaScript + query, 是辅助JavaScript开发的js类库(即第三方类库)
- 作用: 解决浏览器兼容问题
2. 初体验
需求: 使用jQuery 给一个按钮绑定单击事件
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
var $btn = $("#btnId"); //表示按id查询标签对象
$btn.click(function(){
alert("jQuery的单击事件");
});
});
</script>
</head>
<body>
<button id="btnId">SayHello</button>
</body>
</html>
3. 常见问题
- 一定要引用js库: src=”../script/jquery-1.7.2.js
$()——>是一个函数:
- 当传入的参数是【函数】时,相当于:
- window.onload = function(){};
当传入的参数时【HTML字符串】时:
会帮我们创建这个html标签对象,eg:
$(
"<div>" +<br /> "<span>div-span1</span>" +<br /> "<span>div-span2</span>" +<br /> "</div>"<br />).appendTo("body");
- 当传入的参数是【函数】时,相当于:
- 怎么为俺就添加单击响应函数的?
- 使用jQuery查询到标签对象
- 使用 标签对象.click();
- 怎么为俺就添加单击响应函数的?