在網頁開發中,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制作更加復雜的交互效果和動態頁面了。