- 博客(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
242
原创 jquery
jQuery 事件方法语法在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件:$("p").click();下一步是定义什么时间触发事件。您可以通过一个事件函数实现:$("p").click(function(){ // 动作触发后执行的代码!!});常用的 jQuery 事件方法$(document).ready()$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语
2020-09-30 21:50:38
111
原创 笔记
jQuery1 基础知识1.1基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩版文件较大,有排版和注释,便于阅读jQuery实际上就是一个js文件,加载到页面就可以直接使用了也可以通过CDN(Content Distrubute Net)来引用jquery1.2基本语法$(选择器).action();$:定义了这是一个Jquery的代码选择器:按照一定规则选
2020-09-29 18:11:25
84
原创 新人笔记18
8.5 导航Document是根节点parentNode:获取父节点childNodes:获取所有子节点firstChild:第一个子节点lastChild:获取最后一个子节点9 BOM概念browser object model9.1 常用对象Window:窗口,浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法:Window.innerWidthWindow.innerHeight常用的方法
2020-09-18 15:34:34
83
原创 新人笔记17
7.4 捕获与冒泡在这个案例中,如果单击文字,先提示“段落被单击”,然后再提示“div被单击了”,因为div是p的父容器,所有单击段落也就相当于单击了div,所有两者都会触发这个事件但是如何去规定两个事件的处理顺序?这就是事件的冒泡与捕获。冒泡:按照从内到外的顺序依次触发,是默认方式捕获:与上相反当使用mouseenter事件时,当里层的div触发进入事件时,处理完了就没了(阻断冒泡)而使用mouseover事件时,当里层的div触发进入事件时,处理完后还会冒泡给父容器处理再次进入事件程序
2020-09-17 17:16:36
67
原创 新人笔记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
76
转载 转载2
常用的事件梳理1.PC端常用事件事件名 作用 click 当鼠标点击时触发 mouseover 当鼠标指针移动到元素上时触发 mouseout ...
2020-09-14 19:25:28
54
原创 新人笔记15
6.3 数组的常用属性与方法数组的属性:Length:1) 告诉我们数组的长度:数组名.length2) 通过该属性可以改变数组的长度数组的常用方法unshift和Shiftunshift:在数组的头部添加元素,返回值返回的是新数组的长度Shift:删除数组头部的元素,返回值是刚刚删除的元素// (1)unshift/shift var a =[1,2];// unshift在数组的头部添加元素 a.unshift("a","b"); a.shift(); a.s
2020-09-12 15:29:40
74
原创 新人笔记13
案例:验证哥德巴赫猜想(函数方法)哥德巴赫猜想:任意一个大于6的偶数都可以写成两个质数之和(质数就是素数)。6数组6.1 数组的概念案例:计算五名同学的平均分这个程序非常简单,但是如果要计算100人的呢?要复制100编吗?我们要用到循环但是循环好像做不了,因为无法去控制变量a1,a2,也就是说无法将循环变量和变量a1,a2联系起来这段代码能够实现同样的功能,而且如果是100人的话,只需要把循环的条件改成i<100即可,整个程序的结构和代码量与人数的多少没有关系为什么没有关
2020-09-11 15:30:50
67
原创 新人笔记13
函数的组成(1) 函数名(2) 参数(3) 函数体:函数的功能,一般会有返回值,返回值就是结果案例:判断一个数是否为素数(函数方法)函数名:isPrime参数: n参数传递参数传递,就是将实参的值传给形参。通过调试我们可以看键,形参在函数被调用之前是不存在的,当函数被调用的那一刻起,实参被创建,并且传递给形参参数传递有两种方式:值传递与引用传递值传递A的值并没有显示预期中的6,还是5,这是因为形参x与实参a是两个不同的变量,x的变化与a没有任何的关系引用传递a. va
2020-09-10 18:19:14
85
原创 新人笔记12
For循环For循环语法案例:用for循环求1~100的和案例:判断一个数是否为素数(for,while)循环辅助语句Break:跳出整个循环如果循环遇到break就不会循环了Continue:仅仅跳出本次循环,下次循环是接着走的每天都要吃饭,有一天生病了,那天就不想吃饭了病好了接着吃函数函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一
2020-09-09 20:26:18
57
原创 新人笔记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
88
原创 新人笔记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
73
原创 新人笔记9
计算三角形的面积Prompt:在网页上显示输入框Math.sqrt(25)5错误与程序调试程序的错误程序并没有像我们想象中那样,得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert()写成alort()有某些部分缺少分号或者括号如果代码中发现语法错误,程序将不会执行逻辑错误代码可以正常运行,但是运行的结果不是我们想要的这种错误我们可以使用单步调试(debug调试)去解决之前三角形面积出现了问题,我们来调试一下用浏览器进行调试错误语法错误
2020-09-05 16:02:35
145
原创 新人笔记8,JavaScript
Javascript是什么,能干什么一个网页的结构,是通过html决定的脑袋,手脚,身体Css决定了这个网页的样式是高还是矮,是胖还是瘦,是黑还是白这个网页的行为是通过JavaScript决定的走路,跑步,眨眼睛JavaScript的使用在前端开发中,JavaScript不能单独运行(除非是单独安装了JavaScript的运行环境)JavaScript必须挂载在网页上说羊毛出在羊身上Html就是????,JavaScript就是羊毛Html引入JavaScript代码,有两种方式方
2020-09-04 19:37:19
102
原创 新人笔记7,伪元素。伪类选择器。
伪元素、伪类选择器伪类选择器伪元素选择器:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容选择器总结什么是选择器?选择器:描述后面的样式施加到哪些目标,或者说根据某个依据来选择应用的样式根据选择依据的不同,就产生了不同的选择器1. 元素选择器Div{ background-color:red}2.id选择器根据元素的ID属性来选择书写格式是: #
2020-08-28 14:12:00
198
原创 新人笔记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
73
原创 新人笔记5,css基础属性。
颜色RGB(red greed bule)(0,10,256)#0010FFCSS中颜色的表示方法(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
158
原创 新人笔记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
256
原创 新人笔记3,table和div
Table和divTable 表格<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
210
转载 有些内容接着之前内容的后面,有些内容在新的一行(上- -行没有显示完)标题类型根据显示方式分类:行内、行内块、块级。
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定.
2020-08-23 19:54:01
162
转载 有些标签<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
473
原创 新人笔记2,HTML基础标签与运用。
HTML基础标签1.标题标签网页中的标题可以分为六个不同的级别(h1~h6),页面中只有一个h1标签,h1–h6的语义越来越轻。 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4>2.段落标签跟文章段落一样,一段一段文字的时候使用。...
2020-08-23 19:34:47
284
转载 get和post的区别。
一、前言:HTTP定义了与服务器交互的不同方法,最常用的方法有四种Put,Delete、post,get,即增删改查。1.Get,它用于获取信息,它只是获取、查询数据,也就是说它不会修改服务器上的数据,从这点来讲,它是数据安全的,而稍后会提到的Post它是可以修改数据的,所以这也是两者差别之一了。2.Post,它是可以向服务器发送修改请求,从而修改服务器的,比方说,我们要在论坛上回贴、在博客上评论,这就要用到Po...
2020-08-23 15:23:01
95
原创 新人笔记,HTML基础知识。
<!DOCTYPE html> <!--文档类型--><html> <!--根标签--> <head><!--头标签,设置字符集、标题--> <meta charset="utf-8"><!--设置字符集--> <title>我是标题</title><!--设置标题--> </head> <body> <!-- 需要显示在页面的内容,全部写在body中--> 带你装逼,带你飞 </body></html>
2020-08-22 19:54:31
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人