- 博客(26)
- 收藏
- 关注
转载 20
<h1>jQuery - <span class="color_h1">获取内容和属性</span> jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML 和 XML 文档的标...
2020-10-06 17:44:15
287
原创 jquery
jQuery 事件方法语法 在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。 页面中指定一个点击事件: $("p").click(); 下一步是定义什么时间触发事件。您可以通过一个事件函数实现: $("p").click(function(){ // 动作触发后执行的代码!! }); 常用的 jQuery 事件方法 $(document).ready() $(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语
2020-09-30 21:50:38
156
原创 笔记
jQuery 1 基础知识 1.1基本概念 jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能 jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释 不便于阅读;未压缩版文件较大,有排版和注释,便于阅读 jQuery实际上就是一个js文件,加载到页面就可以直接使用了 也可以通过CDN(Content Distrubute Net)来引用jquery 1.2基本语法 $(选择器).action(); $:定义了这是一个Jquery的代码 选择器:按照一定规则选
2020-09-29 18:11:25
125
原创 新人笔记18
8.5 导航 Document是根节点 parentNode:获取父节点 childNodes:获取所有子节点 firstChild:第一个子节点 lastChild:获取最后一个子节点 9 BOM 概念browser object model 9.1 常用对象 Window:窗口,浏览器的窗口 我们定义的全局变量和全局函数都是window对象的属性和方法 全局变量是window的属性。 全局函数是window的方法: Window.innerWidth Window.innerHeight 常用的方法
2020-09-18 15:34:34
119
原创 新人笔记17
7.4 捕获与冒泡 在这个案例中,如果单击文字,先提示“段落被单击”,然后再提示“div被单击了”,因为div是p的父容器,所有单击段落也就相当于单击了div,所有两者都会触发这个事件 但是如何去规定两个事件的处理顺序?这就是事件的冒泡与捕获。 冒泡:按照从内到外的顺序依次触发,是默认方式 捕获:与上相反 当使用mouseenter事件时,当里层的div触发进入事件时,处理完了就没了(阻断冒泡) 而使用mouseover事件时,当里层的div触发进入事件时,处理完后还会冒泡给父容器处理再次进入事件 程序
2020-09-17 17:16:36
100
原创 新人笔记16
onmousemove <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 300px; height: 300px; background-color: skyblue; } </style> &
2020-09-16 15:22:22
111
转载 转载2
常用的事件梳理 1.PC端常用事件 事件名 作用 click 当鼠标点击时触发 mouseover 当鼠标指针移动到元素上时触发 mouseout ...
2020-09-14 19:25:28
97
原创 新人笔记15
6.3 数组的常用属性与方法 数组的属性: Length: 1) 告诉我们数组的长度:数组名.length 2) 通过该属性可以改变数组的长度 数组的常用方法 unshift和Shift unshift:在数组的头部添加元素,返回值返回的是新 数组的长度 Shift:删除数组头部的元素,返回值是刚刚删除的元素 // (1)unshift/shift var a =[1,2];// unshift在数组的头部添加元素 a.unshift("a","b"); a.shift(); a.s
2020-09-12 15:29:40
98
原创 新人笔记13
案例:验证哥德巴赫猜想(函数方法) 哥德巴赫猜想:任意一个大于6的偶数都可以写成两个质数之和(质数就是素数)。 6数组 6.1 数组的概念 案例:计算五名同学的平均分 这个程序非常简单,但是如果要计算100人的呢? 要复制100编吗? 我们要用到循环 但是循环好像做不了,因为无法去控制变量a1,a2, 也就是说无法将循环变量和变量a1,a2联系起来 这段代码能够实现同样的功能,而且如果是100人的话, 只需要把循环的条件改成i<100即可,整个程序的结构 和代码量与人数的多少没有关系 为什么没有关
2020-09-11 15:30:50
84
原创 新人笔记13
函数的组成 (1) 函数名 (2) 参数 (3) 函数体:函数的功能,一般会有返回值,返回值就是结果 案例:判断一个数是否为素数(函数方法) 函数名:isPrime 参数: n 参数传递 参数传递,就是将实参的值传给形参。通过调试我们可以看键,形参在函数 被调用之前是不存在的,当函数被调用的那一刻起,实参被创建,并且传递给 形参 参数传递有两种方式:值传递与引用传递 值传递 A的值并没有显示预期中的6,还是5,这是因为形参x与实参a是两个不同的 变量,x的变化与a没有任何的关系 引用传递 a. va
2020-09-10 18:19:14
125
原创 新人笔记12
For循环 For循环语法 案例:用for循环求1~100的和 案例:判断一个数是否为素数(for,while) 循环辅助语句 Break:跳出整个循环 如果循环遇到break就不会循环了 Continue:仅仅跳出本次循环,下次循环是接着走的 每天都要吃饭,有一天生病了,那天就不想吃饭了 病好了接着吃 函数 函数的概念 IsSXH给它一个数字它可以立马告诉你是否为水仙花数 它是怎么判断的?不用管,只要用 在主程序中,我们一直调用isSXH就可以了 函数给我们的思想,对一个规模大,难度高的问题提供一
2020-09-09 20:26:18
84
原创 新人笔记11,案例
一、讨厌的数字3 要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> for (var num =
2020-09-08 18:51:27
131
原创 新人笔记10
Else if 案例:成绩评语 输入一个零到一百的成绩 90-100:666,真厉害 80-90:还不错了 70-80:还有很大的进步空间 60-70:要小心,马上就快挂了 <60:孩子多半是废了。。。。。 Switch 如果是if选择的分支比较多的时候,就需要一个一个分支的从上往下执行 ,这样执行的效率是非常低的,需要对选择结构进行一个改进 使用switch就可以解决这个问题 Switch基本语法 Switch:开关 语法: 在执行的过程中,a 的值与哪个分支后面的值一样 就运行哪个分支的代码
2020-09-07 15:21:22
99
原创 新人笔记9
计算三角形的面积 Prompt:在网页上显示输入框 Math.sqrt(25)5 错误与程序调试 程序的错误 程序并没有像我们想象中那样,得到我们想要的结果 错误可以分为两种 语法错误 编写代码没有按照语言的要求去编写 alert()写成alort() 有某些部分缺少分号或者括号 如果代码中发现语法错误,程序将不会执行 逻辑错误 代码可以正常运行,但是运行的结果不是我们想要的 这种错误我们可以使用单步调试(debug调试)去解决 之前三角形面积出现了问题,我们来调试一下 用浏览器进行调试错误 语法错误
2020-09-05 16:02:35
182
原创 新人笔记8,JavaScript
Javascript是什么,能干什么 一个网页的结构,是通过html决定的 脑袋,手脚,身体 Css决定了这个网页的样式 是高还是矮,是胖还是瘦,是黑还是白 这个网页的行为是通过JavaScript决定的 走路,跑步,眨眼睛 JavaScript的使用 在前端开发中,JavaScript不能单独运行(除非是单独安装了JavaScript的运行环境) JavaScript必须挂载在网页上 说羊毛出在羊身上 Html就是????,JavaScript就是羊毛 Html引入JavaScript代码,有两种方式 方
2020-09-04 19:37:19
141
原创 新人笔记7,伪元素。伪类选择器。
伪元素、伪类选择器 伪类选择器 伪元素选择器 :first-letter 选择文本的首字母 :first-line 选择文本的首行 :after 在元素前面添加内容 :before 在元素后面添加内容 选择器总结 什么是选择器? 选择器:描述后面的样式施加到哪些目标,或者说根据某个依据 来选择应用的样式 根据选择依据的不同,就产生了不同的选择器 1. 元素选择器 Div{ background-color:red} 2.id选择器 根据元素的ID属性来选择 书写格式是: #
2020-08-28 14:12:00
244
原创 新人笔记6,选择器
选择器 1.元素选择器 用标签名来作为选择器,选中所有相应的元素 2.类选择器 根据class的属性来选择元素,样式定义为: .className{ xxxxxxx} 3. ID选择器 根据id名来选择元素,样式定义为: #idName{xxxxxxxxx} 4.属性选择器 例:[title*=’d’]:选择title值中包含d的元素 5.关系选择器 E F :选择E元素的后代元素F(所有后代,包括子类、孙类) E > F : 选择E元素的直接后代元素(也就是子类) E + F:选择E元素
2020-08-27 14:28:34
105
原创 新人笔记5,css基础属性。
颜色 RGB(red greed bule)(0,10,256) #0010FF CSS中颜色的表示方法 (1) 预定义颜色:bule ,red,black。。。 (2) 十六进制颜色:#0f0f0f (3) RGB颜色(128,0,0)全红 (4) RGBA,在RGB的基础上又添加了表示透明度的Alpha (5) HSl:用色调,饱和度,和透明度三个分量来表示颜色 (6) HSLA:在HSL的基础上又添加了表示透明度的Alpha 代码实现: <p style="color: blue
2020-08-26 14:56:50
202
原创 新人笔记4,css的基本概念和基本运行
Css学习笔记 Css的基本概念 选择器 标签:<p><div>…之类的标签 使用方式:直接输入标签名 类(class):Class名字 使用方式:输入点+class名 ID:ID名 使用方式:输入#+id名 一般来说我们写css文件的时候用的都是第二种选择器,class名 这是因为ID名一般被用作JS的选择器 给class命名也是有规范的,像xxx-xxx这样做的好处是让你的代码更清晰 别人也更容易看懂
2020-08-25 14:44:42
300
原创 新人笔记3,table和div
Table和div Table 表格 <table border="1" cellspacing="0" sellspacing="10"> <caption>-web一班名册</caption> <thead> <tr> <th>学号</th> <th>性别</th> <th>姓名</th> <th>年
2020-08-24 19:36:32
258
转载 有些内容接着之前内容的后面,有些内容在新的一行(上- -行没有显示完)标题类型根据显示方式分类:行内、行内块、块级。
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定.
2020-08-23 19:54:01
190
转载 有些标签<button </button>由2部分组成,<input>只有一部分组成。标题分类:单标签和双标签。 button和input button的区别
https://www.cnblogs.com/cjm123/p/7903742.htmlbutton和input button的区别一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons,...
2020-08-23 19:46:40
525
原创 新人笔记2,HTML基础标签与运用。
HTML基础标签 1.标题标签 网页中的标题可以分为六个不同的级别(h1~h6),页面中只有一个h1标签,h1–h6的语义越来越轻。 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> 2.段落标签 跟文章段落一样,一段一段文字的时候使用。 ...
2020-08-23 19:34:47
336
转载 get和post的区别。
一、前言: HTTP定义了与服务器交互的不同方法,最常用的方法有四种Put,Delete、post,get,即增删改查。 1.Get,它用于获取信息,它只是获取、查询数据,也就是说它不会修改服务器上的数据,从这点来讲,它是数据安全的,而稍后会提到的Post它是可以修改数据的,所以这也是两者差别之一了。 2.Post,它是可以向服务器发送修改请求,从而修改服务器的,比方说,我们要在论坛上回贴、在博客上评论,这就要用到Po...
2020-08-23 15:23:01
128
原创 新人笔记,HTML基础知识。
<!DOCTYPE html> <!--文档类型--> <html> <!--根标签--> <head><!--头标签,设置字符集、标题--> <meta charset="utf-8"><!--设置字符集--> <title>我是标题</title><!--设置标题--> </head> <body> <!-- 需要显示在页面的内容,全部写在body中--> 带你装逼,带你飞 </body> </html>
2020-08-22 19:54:31
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人