当前位置:首页 > 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) // 合并对象  

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

相关文章

elementui常用

elementui常用

Element UI 常用组件 Element UI 是一套基于 Vue.js 的桌面端组件库,提供了丰富的 UI 组件,适用于快速开发企业级中后台产品。以下是 Element UI 中常用的组件及其…

vue badge 实现方法

vue badge 实现方法

使用组件库实现 Badge Vue 生态中主流组件库(如 Element UI、Ant Design Vue、Vuetify 等)均提供现成的 Badge 组件。 以 Element UI 为例:…

vue实现赋值方法

vue实现赋值方法

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

Vue异步加载实现方法

Vue异步加载实现方法

异步组件的基本实现 使用Vue的defineAsyncComponent方法定义异步组件,适用于Vue 3.x版本。该方法接收一个返回Promise的加载函数: import { defineAsy…

vue修改的实现方法

vue修改的实现方法

vue修改的实现方法 数据驱动修改 Vue的核心是数据驱动视图更新。通过修改数据(如data、computed、props等),Vue会自动触发视图重新渲染。修改数据应使用Vue提供的响应式方法,例如…

vue弹窗组件实现方法

vue弹窗组件实现方法

基础弹窗组件实现 创建Modal.vue文件作为基础组件模板: <template> <div class="modal-mask" v-if="visible" @click…