jquery是JavaScript的一個庫,可以簡化JavaScript的編寫,并且在網頁中實現動態效果。下面是一個jquery試卷實現的代碼示例。
$(document).ready(function() { var score = 0; // 分數初始化為0 // 單選題答案選擇 $('input').click(function() { var answer = $(this).val(); if (answer == 'A') { score += 10; } }); // 填空題答案驗證 $('#answer').blur(function() { var answer = $(this).val(); if (answer.toLowerCase() == 'jquery') { score += 10; } }); // 多選題答案選擇 $('#checkbox').click(function() { var answer1 = $('#answer1').is(':checked'); var answer2 = $('#answer2').is(':checked'); var answer3 = $('#answer3').is(':checked'); var answer4 = $('#answer4').is(':checked'); if (answer1 && !answer2 && answer3 && !answer4) { score += 20; } }); // 提交試卷 $('#submit').click(function() { alert('你的得分是:' + score); }); });
代碼中使用了jquery的常用方法,比如點擊事件、選擇器、屬性判斷等。通過這些方法可以實現網頁動態效果,例如當某個選項被選中時,加上特定樣式,或者觸發某個事件。