Jquery常用操作汇总,dom操作,ajax请求
在使用jQuery进行DOM操作和发起AJAX请求时,常见的方法有:
- 选择元素:
$(selector) // 使用CSS选择器选择元素
- 事件绑定:
$(selector).event(function() {
// 事件处理代码
});
- 改变HTML内容:
$(selector).html(content); // 设置或返回所选元素的HTML内容
- 改变文本内容:
$(selector).text(content); // 设置或返回所选元素的文本内容
- 改变属性:
$(selector).attr(attributeName, value); // 设置或返回所选元素的属性值
- AJAX请求:
$.ajax({
type: "GET",
url: "url",
data: { key: "value" },
success: function(data) {
// 请求成功时的回调函数
},
error: function(jqXHR, textStatus, errorThrown) {
// 请求失败时的回调函数
}
});
- 显示/隐藏元素:
$(selector).show(); // 显示元素
$(selector).hide(); // 隐藏元素
- 添加/删除类:
$(selector).addClass(className); // 添加类
$(selector).removeClass(className); // 删除类
- 添加/删除元素:
$(selector).append(content); // 在所选元素内部的末尾添加内容
$(selector).remove(); // 删除元素
- 表单序列化:
$(selector).serialize(); // 将表单内容序列化为字符串
这些是jQuery中常用的DOM操作和AJAX请求的方法。
评论已关闭