在公司的项目中,经常看到一些脚本,但是不知道是什么脚本,在代码里会引用到一些html里的标签。
最近,在网上搜了一下,同时也问了同事,知道这些代码是jQuery。
那么这个jQuery是什么呢?
实际上jQuery就是一个javascript库,用来简化javascript编程。
下面就是一个简单的jQuery编写的代码:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>点击我,我就会隐藏!</p>
</body>
</html> </span>
接下来解释一下这段代码:
1、把jQuery加到网页中,类似于其他编程语言中的 import导入功能,这样就可以在后面引用代码了。
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
2、所有的jQuery代码都需要在一个 document ready函数中。
$(document).ready(function(){
--- jQuery functions go here ----
});
之所以要写这个代码,是为了防止在文档完全加载之前运行下面的jQuery代码,因为在这个时候,由于文档还没有完全加载完成,进行操作就可能会报错。
3、加入jQuery操作代码。
$("p").click(function(){
$(this).hide();
});
这段代码是指 当点击文档中所有的 <p> 元素时,让这些被点击的元素隐藏。
需要注意的是,如果把上面的代码保存成html文件之后,在用浏览器打开,上面的代码并没有实际效果,因为在我们的机器上并没有 这个 jquery.js这个代码,所以自然就不会有实际效果。
如果您不希望下载并存放 jQuery,为了能够然这个代码有实际的效果,那么也可以通过 CDN(内容分发网络) 引用它。
谷歌和微软的服务器都存有 jQuery。
微软:
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
谷歌:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
在公司的项目中,经常看到一些脚本,但是不知道是什么脚本,在代码里会引用到一些html里的标签。
最近,在网上搜了一下,同时也问了同事,知道这些代码是jQuery。
那么这个jQuery是什么呢?
实际上jQuery就是一个javascript库,用来简化javascript编程。
下面就是一个简单的jQuery编写的代码:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>点击我,我就会隐藏!</p>
</body>
</html> </span>
接下来解释一下这段代码:
1、把jQuery加到网页中,类似于其他编程语言中的 import导入功能,这样就可以在后面引用代码了。
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
2、所有的jQuery代码都需要在一个 document ready函数中。
$(document).ready(function(){
--- jQuery functions go here ----
});
之所以要写这个代码,是为了防止在文档完全加载之前运行下面的jQuery代码,因为在这个时候,由于文档还没有完全加载完成,进行操作就可能会报错。
3、加入jQuery操作代码。
$("p").click(function(){
$(this).hide();
});
这段代码是指 当点击文档中所有的 <p> 元素时,让这些被点击的元素隐藏。
需要注意的是,如果把上面的代码保存成html文件之后,在用浏览器打开,上面的代码并没有实际效果,因为在我们的机器上并没有 这个 jquery.js这个代码,所以自然就不会有实际效果。
如果您不希望下载并存放 jQuery,为了能够然这个代码有实际的效果,那么也可以通过 CDN(内容分发网络) 引用它。
谷歌和微软的服务器都存有 jQuery。
微软:
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
谷歌:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>