jQuery是一种流行的JavaScript库,它提供了各种有用的功能和简化了JS编码的流程。在第2章上机中,我们学习了jQuery的选择器和事件处理程序。以下是一些示例代码来演示这些概念:
$(document).ready(function() { // 选择一个元素并为它添加一个类 $('h1').addClass('big-heading'); // 选择多个元素并为它们添加样式 $('p,li').css('color','red'); // 选择一个元素并为它添加一个点击事件处理程序 $('#btn-click-me').click(function() { alert('点击了!'); }); });
上面的代码中,我们使用了$(document).ready()函数来确保页面加载完毕后再运行代码。我们还使用了各种不同的选择器:$('h1')选择所有h1元素,$('p,li')选择所有p和li元素,$('#btn-click-me')选择id为"btn-click-me"的元素。我们还为按钮添加了一个点击事件处理程序。
选择器和事件处理程序是jQuery中最基本和常用的功能之一。随着继续学习jQuery,你将会掌握更多的功能和技巧,可以极大地简化你的JavaScript编程过程。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。