xjw12345

2022年8月20日

摘要：事件绑定 1. jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。表单对象.submit();//让表单提交 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit 阅读全文

posted @ 2022-08-20 11:01 xjw12345 阅读(118) 评论(0) 推荐(0)

JQuery遍历

摘要：遍历 1、js的遍历方式 for(初始值;循环结束条件;步长) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js" type=" 阅读全文

posted @ 2022-08-20 10:14 xjw12345 阅读(280) 评论(0) 推荐(0)

JQuery动画

摘要：动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed],[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来阅读全文

posted @ 2022-08-20 09:39 xjw12345 阅读(25) 评论(0) 推荐(0)

2022年8月19日

JQuery案例

摘要：案例——隔行换色需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3 阅读全文

posted @ 2022-08-19 14:57 xjw12345 阅读(58) 评论(0) 推荐(0)

DOM属性操作中CRUD操作

摘要： CRUD操作 1. append():父元素将子元素追加到末尾对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾 2. prepend():父元素将子元素追加到开头对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头 3. appendTo(): 对阅读全文

posted @ 2022-08-19 14:28 xjw12345 阅读(64) 评论(0) 推荐(0)

DOM的通用属性操作和class属性操作

摘要：通用属性操作 attr()：获取/设置元素的属性 removeAttr()：删除属性 prop()：获取/设置元素的属性 removeProp()：删除属性 attr和prop区别： 1、如果操作的是元素的固有属性，则建议使用prop 2、如果操作的是元素自定义的属性，则建议使用attr <!DOC 阅读全文

posted @ 2022-08-19 13:54 xjw12345 阅读(327) 评论(0) 推荐(0)

JQuery表单过滤选择器以及DOM内容操作

摘要：表单过滤选择器 1. 可用元素选择器语法： :enabled 获得可用元素 2. 不可用元素选择器语法： :disabled 获得不可用元素 3. 选中选择器语法： :checked 获得单选/复选框选中的元素 4. 选中选择器语法： :selected 获得下拉框选中的元素 <!DOCTY 阅读全文

posted @ 2022-08-19 13:22 xjw12345 阅读(59) 评论(0) 推荐(0)

JQuery属性选择器和过滤选择器

摘要：属性选择器 1. 属性名称选择器语法： $("A[属性名]") 包含指定属性的选择器 2. 属性选择器语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器 3. 复合属性选择器语法： $("A[属性名='值'][]...") 包含多个属性条件的选择器 <!DOCTYPE HT 阅读全文

posted @ 2022-08-19 10:40 xjw12345 阅读(61) 评论(0) 推荐(0)

JQuery基本选择器和层级选择器

摘要：基本选择器 1. 标签选择器（元素选择器）语法： $("html标签名") 获得所有匹配标签名称的元素 2. id选择器语法： $("#id的属性值") 获得与指定id属性值匹配的元素 3. 类选择器语法： $(".class的属性值") 获得与指定的class属性值匹配的元素 4. 并集选择阅读全文

posted @ 2022-08-19 10:20 xjw12345 阅读(47) 评论(0) 推荐(0)

JQuery对象和JS对象区别转换以及JQuery事件绑定、入口函数、样式控制

摘要： JQuery对象和JS对象区别转换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> < 阅读全文

posted @ 2022-08-19 09:57 xjw12345 阅读(48) 评论(0) 推荐(0)

公告