jquery基本操作
在jQuery中,基本操作包括选择元素、修改样式、动画、事件处理、Ajax和工具方法等。以下是一些基本操作的示例代码:
- 选择元素:
$(document).ready(function(){
$("p").css("background-color", "yellow");
});
- 修改样式:
$("p").css("background-color", "yellow");
- 添加和移除类:
$("p").addClass("myClass");
$("p").removeClass("myClass");
- 切换类:
$("p").toggleClass("myClass");
- 隐藏和显示元素:
$("p").hide();
$("p").show();
- 淡入和淡出元素:
$("p").fadeIn();
$("p").fadeOut();
- 动画:
$("p").animate({
left: '+50px',
opacity: '0.5',
height: '+=50px',
width: '+=50px'
});
- 事件绑定:
$("p").click(function(){
$(this).css("background-color", "red");
});
- Ajax请求:
$.ajax({
url: "test.html",
context: document.body
}).done(function() {
$(this).append("Ajax请求成功!");
});
- 获取和设置HTML内容:
$("p").html(); // 获取
$("p").html("新内容"); // 设置
- 获取和设置文本内容:
$("p").text(); // 获取
$("p").text("新内容"); // 设置
- 获取和设置属性:
$("img").attr("src"); // 获取
$("img").attr("src", "new.jpg"); // 设置
这些是jQuery中常见的基本操作。实际应用中,可以根据需要选择合适的方法进行元素的选择、样式的修改、动画的制作等。
评论已关闭