
Java
1. 引入 jQuery 库
在 HTML 文件中 head 标签中引入 jQuery 库:

JS
或使用本地文件:
2. 选择元素
使用 $() 函数选择元素,可以用选择器名称、ID 名称或类名:
$(selector)
$(element)
$(“#id”)
$(“.class”)
3. 操作元素
可以使用 jQuery 方法对选定的元素进行操作:
$("p").hide() // 隐藏所有
元素
$("img").slideUp() // 收起所有图片
$("#content").append("
Hello World!
") // 在 id 为 content 的元素后面添加一个段落4. 处理事件
使用 jQuery 可以方便地处理各种事件:
$("button").click(function(){
alert("Button clicked");
});
$(document).keydown(function(event){
console.log(event.which);
});
5. 实现动画效果
jQuery 可以实现多种动画效果,如淡入淡出、滑动、放大缩小等:
$("#menu").hide()
$("#menu").fadeIn(300)
$("#box").slideUp()
$("#box").animate({height: "200px", width: "200px"}, 1000)
以上为 jQuery 的基本用法,需要更多详细操作可以参考 jQuery 官网文档。
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号