获取元素 ()1：属性名：() 1：属性名：()1：属性名：()
使用方法：KaTeX parse error: Unexpected character: '' at position 81: ...件、赋值、样式操作。 使用图：̲ .on () 事件绑定 / ...('.box').on('click',function(){})
讲解属性作用：普通绑定：给已有元素绑定事件。事件代理：给 AJAX 动态渲染出来的元素绑定事件，父容器存在即可。
使用场景：AJAX 渲染表格，表格行、编辑删除按钮是后面动态生成，不能直接绑定 click，用 on 事件代理。
使用图：
.off () 移除事件
3:属性名：.off ()
使用方法：(′.box′).off(′click′)讲解属性作用：移除元素绑定的事件使用场景：取消事件监听，防止重复触发；弹窗销毁前解绑事件。遍历.each()4:属性名：.each()使用方法：('.box').off('click') 讲解属性作用：移除元素绑定的事件 使用场景：取消事件监听，防止重复触发；弹窗销毁前解绑事件。 遍历 .each () 4:属性名：.each () 使用方法：(′.box′).off(′click′)讲解属性作用：移除元素绑定的事件使用场景：取消事件监听，防止重复触发；弹窗销毁前解绑事件。遍历.each()4:属性名：.each()使用方法：('li').each(function(index,dom){)
讲解属性作用：循环遍历 jQuery 对象集合。
使用场景：批量处理表格每一行、列表每一项；批量赋值、批量修改样式
使用图：
取值赋值组 val () /text () /html ()
5:属性名：val ()
使用方法：let name = $('#name').val().trim();
讲解属性作用：表单输入框取值、赋值
使用场景：编辑弹窗打开，回填表单；获取输入框用户输入。属性名：.text()
使用方法：let t = KaTeX parse error: Unexpected character: '' at position 73: ...析。 使用场景：只修改文字内容̲属性名： .html () ...('.box').html('红色文字')
讲解属性作用：读写元素内部 HTML 片段，会解析标签。
使用场景：渲染状态标签、动态拼接 html 片段渲染页面。
属性操作组 attr /removeAttr/prop /data
属性名：.attr()谐音读音：诶特
使用方法：let id = KaTeX parse error: Unexpected character: '' at position 84: ...取标签自定义属性，设置标签属性̲属性名：.removeAtt...('input').removeAttr('disabled')
讲解属性作用：删除标签上的属性
使用场景：移除元素的 disabled、readonly。
属性名：.prop ()谐音读音：普若普
使用方法：KaTeX parse error: Unexpected character: '' at position 105: ...：全选复选框；禁用启用输入框 ̲属性名：.data () 使用...('tr').data('row_id',1002)读：let rid = (this).data(′rowid′)讲解属性作用：jQuery内部缓存自定义数据，不会写到html标签上。使用场景：表格行存储id，点击编辑删除直接读取行id；事件代理中拿业务id。类名操作addClass/removeClass/toggleClass/hasClass7:属性名：.addClass()谐音读音：艾德克拉斯使用方法：(this).data('row_id') 讲解属性作用：jQuery 内部缓存自定义数据，不会写到 html 标签上。 使用场景：表格行存储 id，点击编辑删除直接读取行 id；事件代理中拿业务 id。 类名操作 addClass /removeClass/toggleClass /hasClass 7:属性名：.addClass() 谐音读音：艾德 克拉斯 使用方法：(this).data(′rowid′)讲解属性作用：jQuery内部缓存自定义数据，不会写到html标签上。使用场景：表格行存储id，点击编辑删除直接读取行id；事件代理中拿业务id。类名操作addClass/removeClass/toggleClass/hasClass7:属性名：.addClass()谐音读音：艾德克拉斯使用方法：('.menu').addClass('active')
讲解属性作用：追加 class 类名，原有类保留。
使用场景：菜单选中高亮，增加 active 样式。
属性名：.removeClass()谐音读音：瑞木乌 克拉斯
使用方法：KaTeX parse error: Unexpected character: '' at position 64: ...s。 使用场景：取消选中高亮。̲属性名： .toggleCl...('.drop').toggleClass('open')
讲解属性作用：有这个类就删掉，没有就加上，切换
使用场景：判断下拉框是否已经展开。属性名：hasClass ()谐音读音：哈兹 克拉斯
使用方法：if((′.box′).hasClass(′open′))讲解属性作用：判断元素是否拥有某个class，返回布尔。使用场景：判断下拉框是否已经展开。样式控制.css()8:属性名：.css()使用方法：('.box').hasClass('open')){} 讲解属性作用：判断元素是否拥有某个 class，返回布尔。 使用场景：判断下拉框是否已经展开。 样式控制 .css () 8:属性名：.css() 使用方法：(′.box′).hasClass(′open′))讲解属性作用：判断元素是否拥有某个class，返回布尔。使用场景：判断下拉框是否已经展开。样式控制.css()8:属性名：.css()使用方法：('.box').css({width:'200px',background:'red'})
讲解属性作用：读写行内 css 样式。
使用场景：JS 动态修改元素宽高、颜色。
- show() / hide() / toggle()
9:属性名：show()
使用方法：$('.dialog').show()
讲解属性作用：显示隐藏的元素
:属性名：hide()
使用方法：$('.dialog').hide()
讲解属性作用：隐藏元素
属性名：toggle()
使用方法：(′.dialog′).toggle()讲解属性作用：切换显示隐藏2：fadeIn()/fadeOut()淡入淡出10:属性名：fadeIn()/fadeOut()使用方法：费德因/费德奥特讲解属性作用：透明度动画淡入淡出。使用场景：提示消息淡入淡出。2.5：slideDown()/slideUp()滑动属性名：slideDown()/slideUp()滑动使用方法：斯莱德当/斯莱德阿普讲解属性作用：上下滑动展开收起。使用场景：下拉菜单滑动展开收起3：DOM增删append/prepend/after/before/remove/empty1..append()读音：呃喷德→内部末尾插入子元素，渲染表格行2..prepend()读音：普瑞喷德→内部开头插入子元素3..after()读音：阿夫特→元素后面平级插入4..before()读音：比佛→元素前面平级插入5..remove()读音：瑞木夫→删除元素本身，连带绑定事件一起删掉6..empty()读音：恩普提→清空内部所有子节点，自己标签保留使用场景●append：AJAX拿到数据循环拼接html，追加到表格tbody渲染列表。●empty：渲染新表格前，先清空tbody旧数据。●remove：删除表格某一行。empty()清空内部；remove()把自己整个删掉。查找元素find/closest/parent/children/siblings/eq/index11:属性名：.find(′选择器′)谐音读音：凡德使用方法：('.dialog').toggle() 讲解属性作用：切换显示隐藏 2：fadeIn () /fadeOut () 淡入淡出 10:属性名：fadeIn ()/fadeOut () 使用方法：费德因/费德奥特 讲解属性作用：透明度动画淡入淡出。 使用场景：提示消息淡入淡出。 2.5：slideDown () /slideUp () 滑动 属性名：slideDown () /slideUp () 滑动 使用方法：斯莱德当/ 斯莱德阿普 讲解属性作用：上下滑动展开收起。 使用场景：下拉菜单滑动展开收起 3：DOM 增删 append /prepend/after /before/remove /empty 1..append() 读音：呃喷德 → 内部末尾插入子元素，渲染表格行 2..prepend()读音：普瑞喷德 → 内部开头插入子元素 3..after()读音：阿夫特 → 元素后面平级插入 4..before()读音：比佛 → 元素前面平级插入 5..remove()读音： 瑞木夫 → 删除元素本身，连带绑定事件一起删掉 6..empty()读音：恩普提 → 清空内部所有子节点，自己标签保留 使用场景 ●append：AJAX 拿到数据循环拼接 html，追加到表格 tbody 渲染列表。 ●empty：渲染新表格前，先清空 tbody 旧数据。 ●remove：删除表格某一行。 empty () 清空内部；remove () 把自己整个删掉。 查找元素 find /closest/parent /children/siblings /eq/index 11:属性名：.find('选择器')谐音读音：凡德 使用方法：(′.dialog′).toggle()讲解属性作用：切换显示隐藏2：fadeIn()/fadeOut()淡入淡出10:属性名：fadeIn()/fadeOut()使用方法：费德因/费德奥特讲解属性作用：透明度动画淡入淡出。使用场景：提示消息淡入淡出。2.5：slideDown()/slideUp()滑动属性名：slideDown()/slideUp()滑动使用方法：斯莱德当/斯莱德阿普讲解属性作用：上下滑动展开收起。使用场景：下拉菜单滑动展开收起3：DOM增删append/prepend/after/before/remove/empty1..append()读音：呃喷德→内部末尾插入子元素，渲染表格行2..prepend()读音：普瑞喷德→内部开头插入子元素3..after()读音：阿夫特→元素后面平级插入4..before()读音：比佛→元素前面平级插入5..remove()读音：瑞木夫→删除元素本身，连带绑定事件一起删掉6..empty()读音：恩普提→清空内部所有子节点，自己标签保留使用场景●append：AJAX拿到数据循环拼接html，追加到表格tbody渲染列表。●empty：渲染新表格前，先清空tbody旧数据。●remove：删除表格某一行。empty()清空内部；remove()把自己整个删掉。查找元素find/closest/parent/children/siblings/eq/index11:属性名：.find(′选择器′)谐音读音：凡德使用方法：('tbody').find('.del')
讲解属性作用：查找后代所有子子孙孙
使用场景：找行内按钮
属性名：.closest('选择器')谐音读音：克楼赛斯特
使用方法：let tr = (this).closest('tr')
讲解属性作用：向上查找祖先，找最近匹配的父级（包含自己）
使用场景：点击按钮找当前 tr 行
属性名：.parent() 谐音读音：佩润特
讲解属性作用：只找直接父元素，只上一层
使用场景：获取直接父元素
属性名：.children()谐音读音：秋准
讲解属性作用：只找直接子元素，不找后代
使用场景：只找子元素
属性名：.siblings()谐音读音：赛布林兹
讲解属性作用：获取所有兄弟元素。菜单选中，其他兄弟去掉 active。
使用场景：导航清除其他选中
属性名：.eq(index)谐音读音：伊克
讲解属性作用：按下标取 jQuery 集合中的某一个元素。$('li').eq(2)取第 3 个。
使用场景：取集合第 n 项
属性名：.index()谐音读音：因戴克斯
讲解属性作用：获取当前元素在兄弟中的下标序号。
使用场景：获取排行序号