摘要: 创建元素: $("标签和内容") // 创建一个标签并给里面放内容 例: var box = $("<div class='box'>div盒子</box>"); console.log(box); 添加元素 给父元素追加子元素: 父元素.append(子元素); 给父元素最前面添加子元素: 父元素 阅读全文
posted @ 2022-06-07 22:08 健生 阅读(27) 评论(0) 推荐(0)
摘要: $("div").text(); // 获取元素内容 相当于 div.innerText $("div").text("盒子"); // 设置元素内容 相当于 div.innerText = "盒子" $("div").html(); // 获取元素代标签的内容 相当于 div.innerHTML 阅读全文
posted @ 2022-06-07 20:09 健生 阅读(39) 评论(0) 推荐(0)
摘要: $("div").addClass(类名); // 添加类名 $("div").removeClass(类名); // 删除类名 $("div").toggleClass(类名); // 在添加和删除之间切换 $("div").hasClass(类名); // 判断元素是否有这个类名,有是true, 阅读全文
posted @ 2022-06-07 20:07 健生 阅读(44) 评论(0) 推荐(0)
摘要: 设置样式: $("div").css(css属性名,值); // 设置一个样式 $("div").css({ // 设置多个样式 css属性名:值, css属性名:值 }) 获取样式: $("div").css(css属性名); 阅读全文
posted @ 2022-06-07 20:06 健生 阅读(17) 评论(0) 推荐(0)
摘要: 设置属性: $("div").prop(属性名,属性值); 获取属性: $("div").prop(属性名); 设置自定义属性: $("div").attr(属性名,属性值); 获取自定义属性: $("div").attr(属性名); 删除属性: $("div").removeProp(属性名); 阅读全文
posted @ 2022-06-07 20:05 健生 阅读(19) 评论(0) 推荐(0)
摘要: jquery中的事件是将事件名作为方法名,传入回调函数即可 页面加载事件: $(function(){ }); 或 $(document).ready(function(){ }); on方法用于绑定事件、委托事件、传入参数: $(元素).on(事件类型[,委托的子元素][,传入的参数],处理的函数 阅读全文
posted @ 2022-06-07 20:01 健生 阅读(19) 评论(0) 推荐(0)
摘要: 筛选方法可以进行链式筛选 $("li").first() // 元素集合中的第一个 $("li").last() // 元素集合中的最后一个 $("div").next() // div的下一个兄弟元素 $("div").prev() // div的上一个兄弟元素 $("div").nextAll( 阅读全文
posted @ 2022-06-07 19:57 健生 阅读(163) 评论(0) 推荐(0)
摘要: 选择被选中的单选框: $(':raido:checked') 选择被选中的复选框: $(':checkbox:checked') 选择被选中的option: $('option:selected')[0] 选择禁用的表单元素: $(':input:disabled') 选择未被禁用的表单元素: $( 阅读全文
posted @ 2022-06-07 19:47 健生 阅读(21) 评论(0) 推荐(0)
摘要: 选择所有的表单元素: $(':input') 选择所有的文本框: $(':text') 选择所有的密码框: $(':password') 选择所有单选框: $(':radio') 选择所有复选框: $(':checkbox') 选择所有按钮: $(':buttom') 选择所有重置按钮: $(':r 阅读全文
posted @ 2022-06-07 19:34 健生 阅读(22) 评论(0) 推荐(0)
摘要: jquery自创的选择器,简化版的伪类选择器 选择第一个li: $('li:first') 选择最后一个li: $('li:last') 选择没有内容的标签: $('li:empty') 选择第几个下标: $('li:eq(第下标个)') 选择指定下标后所有标签: $('li:ge(n)') 选择指 阅读全文
posted @ 2022-06-07 19:28 健生 阅读(21) 评论(0) 推荐(0)
摘要: jquery选择器选择到的元素永远都是伪数组 标签选择器: $('标签')--$('div') 类名选择器: $('.类名')--$('.box') id选择器: $('#id')--$('#box') 后代选择器: $('ul li') 伪类选择器: $('li:first-child') 兄弟选 阅读全文
posted @ 2022-06-07 19:21 健生 阅读(24) 评论(0) 推荐(0)