在网页开发中,JavaScript是一门必须掌握的编程语言,而jQuery则是JavaScript的一个非常流行且好用的库。下面将通过一些简单的介绍来让大家初步认识JavaScript和jQuery的基础。
JavaScript的基础知识我们不在此赘述,以下是一个jQuery的Hello World程序。首先在HTML页面中引入jQuery库:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
接下来编写一个简单的script标签:
<script>
$(document).ready(function() {
$("p").text("Hello World!");
});
</script>
以上代码的作用是文档加载完毕后,将
标签内的文本替换成"Hello World!"。其中$符号是jQuery的一种简写方式,表示选中要操作的元素,并调用jQuery的方法来完成对它们的操作。
下面是jQuery选择器的一些常用方法:
$("p") // 选中所有的p标签
$("#btn") // 选中id为btn的元素
$(".active") // 选中class为active的元素
$("p:first") // 选中第一个p标签
$("p:last") // 选中最后一个p标签
$("ul li:first") // 选中第一个ul下的li标签
$("ul li:last") // 选中最后一个ul下的li标签
除了选择器外,jQuery还有很多实用的方法,如改变CSS样式、添加、删除和移动元素等等。学会基础的选择器和方法后,就可以开始使用jQuery制作更加复杂的交互效果和动态页面了。