摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>13-bind绑定事件</title> </head> <body> <h3>bind()方法简单的绑定事件</h3> <div id="test" style="cursor: 阅读全文
posted @ 2021-03-29 22:41 雪漠阳光 阅读(205) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>12-ready加载事件</title> <script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf- 阅读全文
posted @ 2021-03-29 22:33 雪漠阳光 阅读(73) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>10-删除元素</title> <style> span { color: white; padding: 8px; margin: 5px; float: left; } .gr 阅读全文
posted @ 2021-03-29 22:21 雪漠阳光 阅读(77) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>11-遍历元素</title> <style> span { color: white; padding: 8px; margin: 5px; float: left; } .gr 阅读全文
posted @ 2021-03-29 22:12 雪漠阳光 阅读(85) 评论(0) 推荐(1) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>08-创建元素和添加元素</title> <style> div { margin: 10px 0px; } span { color: white; padding: 8px } 阅读全文
posted @ 2021-03-29 22:04 雪漠阳光 阅读(215) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>06-操作元素的样式</title> <style type="text/css"> div { padding: 8px; width: 180px; } .blue { bac 阅读全文
posted @ 2021-03-29 21:54 雪漠阳光 阅读(41) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>08-操作元素的内容</title> </head> <body> <h3><span>html()和text()方法设置元素内容</span></h3> <div id="htm 阅读全文
posted @ 2021-03-29 21:52 雪漠阳光 阅读(42) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>06-操作元素属性</title> </head> <body> <form action="" id="myform"> <input type="checkbox" name= 阅读全文
posted @ 2021-03-29 21:11 雪漠阳光 阅读(59) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>05-表单选择器</title> </head> <body> <form id='myform' name="myform" method="post"> <input type 阅读全文
posted @ 2021-03-29 21:04 雪漠阳光 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 选择器 名称 举例 后代选择器 ancestor descendant $("#parent div")选择id为parent的元素的所有div元素 子代选择器 parent > child $("#parent>div")选择id为parent的直接div子元素 相邻选择器 prev + next 阅读全文
posted @ 2021-03-29 21:02 雪漠阳光 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 和使用js操作Dom一样,获取文档中的节点对象是很频繁的一个操作,在jQuery中提供了简便的方式供我们查找|定位元素,称为jQuery选择器,选择器可以说是最考验一个人 jQuery 功力的地方,通俗的讲, Selector 选择器就是"一个表示特殊语意的字符串"。 只要把选择器字符串传入上面的方 阅读全文
posted @ 2021-03-29 20:54 雪漠阳光 阅读(37) 评论(0) 推荐(0) 编辑
摘要: DOM对象,即是我们用传统的方法(javascript)获得的对象;而通过jQuery获取的对象是jQuery包装集对象,简称jQuery对象,只有jQuery对象才能使用jQuery提供的方法。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" 阅读全文
posted @ 2021-03-29 20:47 雪漠阳光 阅读(47) 评论(0) 推荐(0) 编辑