摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>动画</title> <style type="text/css"> .box { width: 200px; height: 200px; background- 阅读全文
posted @ 2018-10-23 16:18 不沉之月 阅读(106) 评论(0) 推荐(0) 编辑
摘要: ``` children([expr]) parent([expr]) parents([expr]) next([expr]) nextAll([expr]) prev([expr]) prevAll([expr]) siblings([expr]) 阅读全文
posted @ 2018-10-23 16:18 不沉之月 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>文档操作</title> <style type="text/css"> .div { width: 200px; height: 200p 阅读全文
posted @ 2018-10-23 16:16 不沉之月 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>文本属性类相关操作</title> <style type="text/css"> div { background-color: red; 阅读全文
posted @ 2018-10-23 16:15 不沉之月 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>事件</title> <style type="text/css"> .div { width: 200px; height: 200px; 阅读全文
posted @ 2018-10-23 16:14 不沉之月 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>jq选择器</title> <style type="text/css"> ul { margin: 0; padding: 0; list 阅读全文
posted @ 2018-10-23 16:13 不沉之月 阅读(70) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> .wrap { width: 300px; height: 200px; border: 1 阅读全文
posted @ 2018-10-23 16:12 不沉之月 阅读(86) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>ajax</title></head><body> <h1>登录</h1> <hr> <form action=""> <label>账号:</label><inp 阅读全文
posted @ 2018-10-23 15:58 不沉之月 阅读(165) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>对象转化</title> <style type="text/css"> .div { width: 200px; height: 200px; backgroun 阅读全文
posted @ 2018-10-23 15:56 不沉之月 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>jq功能汇总</title> <style type="text/css"> .active { border: 5px solid bla 阅读全文
posted @ 2018-10-23 15:54 不沉之月 阅读(114) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>页面加载</title> <!-- 导入jq --> <script src="js/jquery-3.3.1.js"></script> <script type 阅读全文
posted @ 2018-10-23 15:53 不沉之月 阅读(102) 评论(0) 推荐(0) 编辑
摘要: #### 1、JQuery对象 - jQuery - $ - jQuery.noConflict() #### 2、页面加载 ```html <img src="http://onehdwallpaper.com/wp-content/uploads/2015/11/Most-Beautiful-G 阅读全文
posted @ 2018-10-23 15:51 不沉之月 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>JQ安装使用</title></head><body> jQuery</body><!-- <script src="https://cdn 阅读全文
posted @ 2018-10-23 15:45 不沉之月 阅读(913) 评论(0) 推荐(0) 编辑
摘要: ## 一、认识jQuery #### 1、什么是jQuery - jQuery是对原生JavaScript二次封装的工具函数集合 - jQuery是一个简洁高效的且功能丰富的JavaScript工具库 #### 2、jQuery的优势 - 完全开源的源代码 - 强大简洁的选择器 - 事件、样式、动画 阅读全文
posted @ 2018-10-23 15:44 不沉之月 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 第一章:认识jQuerry 第二章:JQ的安装使用 第三章:JQ的基本使用与变量名命名规范 第四章:页面加载 第五章:JQ功能汇总 第六章:js与jq对象相互转化 第七章:client_ajax 第八章:轮播图 第九章:jq选择器 第十章:文本属性类相关操作 第十一章:事件 第十二章:文档操作 第十 阅读全文
posted @ 2018-10-23 15:42 不沉之月 阅读(102) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>轮播图</title> <link rel="stylesheet" type="text/css" href="css/scroll.css"> <style t 阅读全文
posted @ 2018-10-23 15:35 不沉之月 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>BOM</title></head><body> <button class="b1">open</button> <button clas 阅读全文
posted @ 2018-10-23 15:34 不沉之月 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>DOM操作</title> <style type="text/css"> .box { width: 200px; height: 200 阅读全文
posted @ 2018-10-23 15:30 不沉之月 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>DOM树结构关系</title></head><body> <div class="sup"> <div class="sub1"></di 阅读全文
posted @ 2018-10-23 15:29 不沉之月 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>js动画</title> <style type="text/css"> .box { width: 200px; height: 200p 阅读全文
posted @ 2018-10-23 15:27 不沉之月 阅读(242) 评论(0) 推荐(0) 编辑