当前位置:首页 > jquery

jquery常用方法

2026-04-08 12:39:02jquery

选择器方法

$() 是 jQuery 的核心方法,用于选择 DOM 元素:

$("#id")          // 通过 ID 选择  
$(".class")       // 通过类名选择  
$("div")          // 通过标签名选择  
$("div.class")    // 组合选择  

DOM 操作

内容操作

.html()           // 获取或设置 HTML 内容  
.text()           // 获取或设置文本内容  
.val()            // 获取或设置表单元素的值  

属性操作

jquery常用方法

.attr("name")     // 获取属性  
.attr("name", "value") // 设置属性  
.removeAttr("name") // 删除属性  

事件处理

.click(function)  // 点击事件  
.hover(handlerIn, handlerOut) // 悬停事件  
.on("event", function) // 通用事件绑定  
.off("event")      // 解绑事件  

CSS 和样式

.css("property")  // 获取样式  
.css("property", "value") // 设置样式  
.addClass("class") // 添加类  
.removeClass("class") // 移除类  
.toggleClass("class") // 切换类  

动画效果

.hide()           // 隐藏元素  
.show()           // 显示元素  
.fadeIn()         // 淡入  
.fadeOut()        // 淡出  
.slideDown()      // 向下滑动展开  
.slideUp()        // 向上滑动收起  
.animate({params}, duration) // 自定义动画  

Ajax 请求

$.ajax({  
  url: "endpoint",  
  method: "GET/POST",  
  data: {key: value},  
  success: function(response) {}  
});  

// 简写方法  
$.get(url, callback)  
$.post(url, data, callback)  

遍历与过滤

.each(function)   // 遍历元素  
.filter(".class")  // 过滤匹配元素  
.find(".child")    // 查找子元素  
.parent()          // 获取父元素  

实用工具

$.trim(string)     // 去除字符串两端空格  
$.isArray(obj)     // 检查是否为数组  
$.extend({}, obj1, obj2) // 合并对象  

标签: 常用方法
分享给朋友:

相关文章

vue项目实现方法

vue项目实现方法

Vue 项目实现方法 初始化项目 使用 Vue CLI 或 Vite 创建项目。Vue CLI 适合传统项目,Vite 适合现代轻量级项目。安装依赖后,通过命令行工具运行开发服务器。 # Vue C…

vue点击方法实现

vue点击方法实现

实现 Vue 点击事件的方法 在 Vue 中实现点击事件可以通过 v-on 指令或简写的 @ 符号绑定方法。以下是几种常见方式: 绑定内联表达式 <button v-on:click="co…

vue实现赋值方法

vue实现赋值方法

Vue 实现赋值的方法 在 Vue 中,赋值操作需要遵循响应式规则,确保数据变化能够触发视图更新。以下是常见的赋值方法: 直接赋值(仅适用于根级属性) 对于 Vue 实例的 data 对象中的根级属…

vue实现方法有哪些

vue实现方法有哪些

Vue 实现方法 Vue.js 提供了多种方式来实现功能,涵盖基础语法、组件化、状态管理、路由等。以下是一些常见的实现方法: 基础语法与数据绑定 使用 v-model 实现双向数据绑定: <…

vue实现递归方法调用

vue实现递归方法调用

递归组件的实现 在Vue中实现递归方法调用通常用于处理树形结构数据或嵌套组件。递归组件的核心是组件调用自身,通过条件判断终止递归。 定义递归组件时,组件需设置name属性以便在模板中调用自身: &…

Vue动画实现方法步骤

Vue动画实现方法步骤

使用 <transition> 组件 Vue 内置了 <transition> 组件,用于为单个元素或组件添加进入/离开动画。通过 name 属性定义动画类名前缀,Vue 会自…