03 2022 档案
摘要：jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开
阅读全文
摘要：jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(
阅读全文
摘要：通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接 直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素
阅读全文
摘要：什么是遍历？ jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。 下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动
阅读全文
摘要：jQuery 滑动方法 通过 jQuery，您可以在元素上创建滑动效果。 jQuery 拥有以下滑动方法： slideDown() slideUp() slideToggle() jQuery slideDown() 方法 jQuery slideDown() 方法用于向下滑动元素。 语法: $(s
阅读全文
摘要：jQuery Fading 方法 通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法： fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的
阅读全文
摘要：jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery width() 和 height() 方法 width() 方法设置或返回元
阅读全文
摘要：<style type="text/css"> #kuang{ width: 300px; height: 400px; border: 1px solid red; border-radius: 5px; margin: 0 auto; overflow: hidden; } #shang{ wi
阅读全文
摘要：<style type="text/css"> #d1{ /* 外层大框 */ width: 100%; position: relative; top: 0px; transition: 2s; } .d2{ /* 里面五个框 */ width: 100%; height: 700px; bord
阅读全文
摘要：<style type="text/css"> #aa{ width: 100px; height: 50px; border: 1px solid grey; text-align: center; line-height: 50px; border-radius: 5px; color: #00
阅读全文
摘要：var aa = document.getElementById("aa") var img = document.getElementsByTagName("img") var aaa = document.querySelector("a") //选取的是第一个元素 aa.onclick = f
阅读全文
摘要：var aa = document.getElementById('aa') var bb = document.querySelector('#bb') var cc = document.getElementById('cc') //给aa挂上事件 onclick aa.onclick = fu
阅读全文
摘要：var shuliang = 1; var sum = 0; for(var i = 2;i <= 64;i++){ shuliang = shuliang*2 sum = sum+shuliang } document.write((sum+1)*0.00001)
阅读全文
摘要：判断闰年的方法：1、能被4整除并且不能被100整除 或者 2、能被400整除的 */ for(var i = 2000;i <= 2100;i++){ if((i%4 ==0 && i%100 != 0) || i%400==0){ document.write(i+"是闰年.<br>") } }
阅读全文
摘要：var rq = new Date(); // 获取年份 月份 日期 document.write(rq.getFullYear()) document.write("<br>") document.write(rq.getMonth()+1) //月份+1 0~11 document.write(
阅读全文
摘要：通过id名找元素 唯一 //var aa = document.getElementById('aa') //console.log(aa) //通过标签名找元素 //var li_list = document.getElementsByTagName("li") //li_list[2].sty
阅读全文
摘要：var str = [0,0,1,10,6,7,4,6,3,7,5] // var newstr = [] // for(var i=0;i< str.length;i++){ // if(newstr.indexOf(str[i])== -1){ // newstr.push(str[i]) //
阅读全文
摘要：for(var i=0; i<=20;i++){ // for(var j=0;j<=50;j++){ // for(var k=0;k<=6;k++){ // if(i*5+j*2+k*15==100){ // document.write('牙刷'+i+'个，香皂'+j+'个，洗发水'+k+'个
阅读全文
摘要：var aa = prompt("请输入您想加的汽油标号92号或95号") // var bb = parseInt(prompt('请输入你的加油量（升）')) // if(aa=='92号'){ // var jinge = bb*7 // var xianshi = '您本次加注的是92号汽油
阅读全文
摘要：<script> var num2 = prompt("请输入一个数"); num2 = +num2; if (num2 % 2 0){ console.log("这个数是偶数"); } else if (num2 % 2 1){ console.log("这个数是奇数"); } </script>
阅读全文
摘要：第二周学习内容 第二周老师带我们学习了 css二阶段 把css全部内容全部学完了，学习了css的叠层样式表， css的选择器 标签，类型，id，通配符这样在给内容添加样式的时候就可以采用css选择器来定位某个标签减少了代码的冗余使代码看起来更美观 更整洁，还学习了字体的样式，文本的颜色大小 装饰 间
阅读全文
摘要：来到了Java第二周的学习内容border: 3px solid red; /* 块状元素的居中 */ margin: 0 auto;行内元素水平居中 */ text-align: center; line-height: 300px; 学习了很多的css的设计对于背景的平铺 颜色 位置半透明度等等
阅读全文
摘要：/* 伪类选择器： 1、链接的伪类 2、普通元素的伪类 :hover 3、表单的伪类 input:focus{} */ /* lvha */ a:link{color:hotpink;} /* 未被点击过的 */ a:visited{color:blue;} /* 点击过的 */ a:hover{c
阅读全文
摘要：<!-- 字体大小： 字体样式：正常、倾斜 字体粗细： 字体颜色： --><!-- emmet语法 html: 1、生成标签 标签名加tab键 2、生成多个标签 标签名*数字加tab 3、父子关系的标签 ul>li*5加tab 4、兄弟关系的标签 div(*4)+p(*5)加tab 5、具有类名或i
阅读全文
摘要：第四天我们接触到了css<!-- 1、css的选择器 （width:；宽度 height:；高度 background-color:；背景颜色） (1)标签选择器-通过标签名查找 (2)id选择器-唯一标识 (3)类选择器-同时选择多个 ， (4)通配符选择器 一般用来 *{margin:0;pad
阅读全文
摘要：第三天学习了<!-- 表格 1、<tr>表示行 td表示列 2、cellspacing 单元格与单元格之间的间隙 cellpadding="0" 内容与单元格边的间隙 3、width:表格的宽度 height="300" 表格高度 4、对齐方式align：left（左） center（中） righ
阅读全文
摘要：第二天学习了html怎么插入图片 需要用到img标签 在定位到你想插入图片的位置<!-- img标签：1、在网页中引入图片 2、标签的属性写法 <标签名 属性名=“属性值” 属性名=“属性值”> 3、src属性是具有引入功能的属性 4、width 宽度 height高度 5、alt 当图片引入不过来
阅读全文
摘要：第一周老师带我们学习了html+css的基本内容 <!-- 一、doctype ： document type 文档类型 -- 声明作用 告诉浏览器 我这是html文档 二、<标签名> html标签 三、<!doctype html> <html> <head></head> <body></bod
阅读全文
