jQuery基础—(helloworld)jQuery基础—（helloworld）

81 阅读 0 评论 54 点赞

我是靠谱客的博主大方河马，最近开发中收集的这篇文章主要介绍jQuery基础—(helloworld)jQuery基础—（helloworld），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jQuery基础—（helloworld）

—————————————————————————————

<!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">
//使用$()代替window.onload
$(function(){
//使用选择器获取按钮对象，随后绑定单击响应函数
$("#btnId").click(function(){
//弹出Hello
alert('Hello');
});
});
</script>
</head>
<body>
<button id="btnId">SayHello</button>
</body>
</html>

—————————————————————————————

<!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">
// window.onload = function () {
//
var btnObj = document.getElementById("btnId");
//
// alert(btnObj);//[object HTMLButtonElement]
====>>>
dom对象
//
btnObj.onclick = function () {
//
alert("js 原生的单击事件");
//
}
// }
$(function () { // 表示页面加载完成 之后，相当 window.onload = function () {}
var $btnObj = $("#btnId"); // 表示按id查询标签对象
$btnObj.click(function () { // 绑定单击事件
alert("jQuery 的单击事件");
});
});
</script>
</head>
<body>
<button id="btnId">SayHello</button>
</body>
</html>