![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础
html + css + JavaScript + jQuery
柚子树cc
但行好事 莫问前程
展开
-
[jQuery-6] ajax
1. ajax的介绍ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它可以让 javascript 发送异步的 http 请求,与后台通信进行数据的获取,ajax 最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新,在这里大家只需要记住,当前端页面想和后台服务器进行数据交互就可以使用ajax了。这里提示一下大家, 在html页面使用ajax需要在web服务器环境下运行, 一般向自己的原创 2020-08-12 10:17:10 · 87 阅读 · 0 评论 -
[jQuery-5] JavaScript对象和json
十、JavaScript对象1. JavaScript对象的介绍JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象,此外,JavaScript 允许自定义对象,对象可以拥有属性和方法。2. JavaScript创建对象操作创建自定义javascript对象有两种方式:通过顶级Object类型来实例化一个对象通过对象字面量创建一个对象Object类创建对象的示例代码:<script> var person = new Object()原创 2020-08-12 10:16:57 · 93 阅读 · 0 评论 -
[jQuery-4] 事件和事件代理
八、jQuery事件1. 常用事件click() 鼠标单击blur() 元素失去焦点focus() 元素获得焦点mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)ready() DOM加载完成示例代码:<script> $(function(){ var $li = $('.list li'); var $button = $('#button1') var $tex原创 2020-08-12 10:16:43 · 108 阅读 · 0 评论 -
[jQuery-3] 获取和设置标签元素
六、获取和设置元素内容1. html方法的使用jquery中的html方法可以获取和设置标签的html内容示例代码:<script> $(function(){ var $div = $("#div1"); // 获取标签的html内容 var result = $div.html(); alert(result); // 设置标签的html内容,之前的内容会清除 $div.ht原创 2020-08-12 10:16:30 · 129 阅读 · 0 评论 -
[jQuery-2] 选择集过滤和转移
四、选择集过滤1. 选择集过滤的介绍选择集过滤就是在选择标签的集合里面过滤自己需要的标签2. 选择集过滤的操作has(选择器名称)方法,表示选取包含指定选择器的标签eq(索引)方法,表示选取指定索引的标签has方法的示例代码:<script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"原创 2020-08-12 10:16:08 · 110 阅读 · 0 评论 -
[jQuery-1] jquery基础
一、jQuery介绍1. jQuery的定义jQuery是对JavaScript的封装,它是免费、开源的JavaScript函数库,jQuery 极大地简化了 JavaScript 编程。2. jQuery的作用jQuery和JavaScript它们的作用一样,都是负责网页行为操作,增加网页和用户的交互效果的,只不过jQuery简化了JavaScript编程,jQuery实现交互效果更简单。3. jQuery的优点jQuery兼容了现在主流的浏览器,增加了程序员的开发效率。jQuery简化了原创 2020-08-12 10:15:57 · 178 阅读 · 0 评论 -
[JavaScript-4] 定时器
1. 定时器的介绍定时器就是在一段特定的时间后执行某段程序代码。2. 定时器的使用:js 定时器有两种创建方式:setTimeout(func[, delay, param1, param2, …]) :以指定的时间间隔(以毫秒计)调用一次函数的定时器setInterval(func[, delay, param1, param2, …]) :以指定的时间间隔(以毫秒计)重复调用一个函数的定时器setTimeout函数的参数说明:第一个参数 func , 表示定时器要执行的函数名第二个原创 2020-08-11 19:24:28 · 103 阅读 · 0 评论 -
[JavaScript-3] 数组,字符串及循环
九、数组及其操作1. 数组的介绍数组就是一组数据的集合,javascript 中,数组里面的数据可以是不同类型的数据,好比 python 里面的列表。2. 数组的定义// 实例化对象方式创建var aList = new Array(1,2,3);// 字面量方式创建,推荐使用var aList2 = [1,2,3,'asd'];3. 多维数组多维数组指的是数组的成员也是数组,把这样的数组叫做多维数组。var aList = [[1,2,3],['a','b','c']];4.原创 2020-08-11 19:24:13 · 465 阅读 · 0 评论 -
[JavaScript-2] 获取及操作标签
七、获取标签元素1. 获取标签元素可以使用内置对象 document 上的 getElementById 方法来获取页面上设置了id属性的标签元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:<script type="text/javascript"> var oDiv = document.getElementById('div1'); alert(oDiv);</script><div id="div1">这是一个div元素&原创 2020-08-11 19:24:03 · 195 阅读 · 0 评论 -
[JavaScript-1] JavaScript基础
一、JavaScrip介绍1. JavaScript的定义JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。前端开发三大块 1、HTML:负责网页结构 2、CSS:负责网页样式 3、JavaScript:负责网页行为, 比如:网页与用户的交互效果二、JavaScript使用1. 行内式(主要用于事件)<input type="button" name="" onclick="alert('ok!')原创 2020-08-11 19:23:50 · 133 阅读 · 0 评论 -
[CSS三] 盒子模型
1. 盒子模型的介绍所谓的盒子模型就是把HTML页面的元素看作一个矩形盒子,矩形盒子是由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成。盒子模型示意图如下:2. 盒子模型相关样式属性盒子的内容宽度(width),注意:不是盒子的宽度盒子的内容高度(height),注意:不是盒子的高度盒子的边框(border)盒子内的内容和边框之间的间距(padding)盒子与盒子之间的间距(margin)设置宽高:设置盒子的宽高,此宽高是指原创 2020-08-11 19:23:36 · 136 阅读 · 0 评论 -
[CSS二] css属性,元素溢出和显示特性
四、css属性1. 布局常用样式属性width 设置元素(标签)的宽度,如:width:100px;height 设置元素(标签)的高度,如:height:200px;background 设置元素背景色或者背景图片,如:background:gold; 设置元素的背景色, background: url(images/logo.png); 设置元素的背景图片。border 设置元素四周的边框,如:border:1px solid black; 设置元素四周边框是1像素宽的黑色实线以上也可以拆原创 2020-08-11 19:23:22 · 486 阅读 · 0 评论 -
[CSS一] css基础和选择器
一、css基础1. css 的定义css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言。没有使用css的效果图使用css的效果图2. css 的作用美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。控制页面布局, 比如: 设置浮动、定位等样式。3. css 的基本语法选择器{样式规则}样式规则:属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;…选择器:是用来选择标签的,选出来以后给标签加样式。代码示例原创 2020-08-11 19:23:00 · 107 阅读 · 0 评论 -
[HTML三] html表单
八、表单标签8.1 表单的介绍表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 。8.2 表单相关标签的使用<form>标签 表示表单标签,定义整体的表单区域<label>标签 表示表单元素的文字标注标签,定义文字标注<input>标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式type属性type=“text” 定义单行文本输入框type=“password” 定义密码输入框type=“原创 2020-08-05 20:47:48 · 104 阅读 · 0 评论 -
[HTML二] html常用标签
四、常用html标签4.1 常用的 html 标签<!-- 1、成对出现的标签:--><h1>h1标题</h1><div>这是一个div标签</div><p>这个一个段落标签</p><!-- 2、单个出现的标签: --><br><img src="images/pic.jpg" alt="图片"><hr><!-- 3、带属性的标签,如src、a原创 2020-08-05 20:46:35 · 141 阅读 · 0 评论 -
[HTML一] html基础
一、html的介绍1.1 html的定义HTML 的全称为:HyperText Mark-up Language, 指的是超文本标记语言。 标记:就是标签, <标签名称></标签名称>,比如:<html></html>、<h1></h1>等,标签大多数都是成对出现的。所谓超文本,有两层含义:因为网页中还可以图片、视频、音频等内容(超越文本限制)它还可以在网页中跳转到另一个网页,与世界各地主机的网页链接(超链接文本)1.2原创 2020-08-05 20:44:42 · 204 阅读 · 0 评论