jQuery是跨越浏览器的js函数库,使js与HTML之间的操作更加简单。
jQuery的基本语法:
$(function(){
//js操作代码
});
为了防止Jquery在页面加载完之前运行,一般使用格式:
$(selector).ready(function(){
});
jQuery可以做出很多很多很炫的效果,但是要熟悉jQuery的书写格式:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="./jquery-1.10.2.js"></script>
<script type="text/javascript">
/** #id . Class**/
$(document).ready(function() {
$("input").click(function() {
$("p").toggle();
});
$("p").click(function() {
$(this).hide();
});
});
$(document).ready(function() {
$("h1").dblclick(function() {
$(this).hide();
});
});
</script>
</head>
<body>
<p>被告人年考入了</p>
<input type="button" value="click" />
<h1>发表任何官方炎热</h1>
</body>
</html>