![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 83
llxxqq5
一个小白的记录
展开
-
14.Bootstrap
一、validate插件1.1 validate概述 validate: jquery的一个插件,依赖jquery使用,Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评。作为一个标准的验证方法库,Validation拥有如下特点: 内置验证规则: 拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则 自定义验证规则: 可以很方便地自定义验证规则 简单强大的验证信息提示..原创 2021-12-02 19:57:03 · 192 阅读 · 0 评论 -
12.选择器的扩展
层次选择器层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素#id id选择器element 标签元素选择器.class 类选择器* 通配符selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。选择器 功能描述 ancestor descendant 根据祖先元素匹配所有的后代元素 parent>child 根...原创 2021-12-02 19:35:18 · 120 阅读 · 0 评论 -
11.jQuery遍历
遍历jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。祖先 jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。 parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (html)。 您也可以使用可选参数来过滤对祖先元素的搜索。 下面的例子返原创 2021-12-02 19:06:26 · 239 阅读 · 0 评论 -
10.jQuery DOM操作
取值 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值原创 2021-12-02 18:55:07 · 91 阅读 · 0 评论 -
9.效果动画
隐藏与显示hide():可以使用 hide() 将元素隐藏show(): 您可以使用show()将元素显示 toggle():通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。 显示被隐藏的元素,并隐藏已显示的元素。 $(selector).hide(speed,callback);$(selector).show(speed,callback);$(selector).toggle(speed,callback);-原创 2021-12-02 17:45:28 · 69 阅读 · 0 评论 -
13.AJAX
json数据与对象(fastjson解析:阿里巴巴提供)//json转对象JSON.parseObject(json, Gread.class)//json转字符串数组JSON.parseArray(json2, String.class)参数1:为json数据字符串参数2:为匹配的反射对象注意:此处json的数据中的key要与对象的属性名一致//Java对象转json数据JSON.toJSONString(gread1)参数为Java对象JavaScri原创 2021-12-01 20:41:57 · 107 阅读 · 0 评论 -
8.jQuery获取对象与事件
1.1 jQuery概述jQuery是一个快速、简洁的JavaScript代码库。jQuery设计的宗旨是“Write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript操作方式,优化HTML文档操作、事件处理、动画设计和Ajax交互。1.2 jQuery特点 具有独特的链式语法。 支持高效灵活的CSS选择器。 拥有丰富的插件。 兼容各种主流浏览器,如IE 6.0+、FF原创 2021-12-01 20:55:28 · 1278 阅读 · 0 评论 -
7.JavaScript计时器、cookies与创建对象方法
1.JavaScript定时器 定义定时器: setInterval('调用函数',毫秒时间):每间隔固定毫秒值就执行一次函数 setTimeout('调用函数',毫秒时间):在固定时间之后执行一次调用函数 关闭定时器: clearInterval(定时器名称) clearTimeout(定时器名称) <script type="text/javascript"> /*案例: 3,2,1 .原创 2021-11-26 20:52:07 · 139 阅读 · 0 评论 -
6.JavaScript浏览器BOM
浏览器对象模型 (BOM-Browser Object Model) 使 JavaScript 有能力与浏览器"对话"。 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。 4.1 window 浏览器中主要通过window对象来操作js的代码 js中所有内容都属于window,通过window可以调任意内容,包括document,console等对象 所有浏览器都支持 window 对...原创 2021-11-26 20:41:25 · 74 阅读 · 0 评论 -
5.JavaScript的DOM
1 获取DOM对象 DOM: 文档对象模型; html所有标签都属于文档,所有通过文档对象可以拿到所有标签 应用: 获取元素对象(标签对象)1.使用id获取元素var obj = document.getElementById("a"); 2.使用class获取元素 (class获取的是集合)var obj = document.getElementsByClassName("yy")[0];3.使用标签获取元素(标签获取的是集合)var obj = doc...原创 2021-11-25 21:11:44 · 527 阅读 · 0 评论 -
4.正则表达式
正则表达式: 描述一组特定字符模式规则的对象(java中就是字符串,规则一致)定义正则表达式 var rep = new RegExp("\\w+"); var rep = /\w+@\w+[.]\w+/; //\.代表. [.]代表. 正则表达式是描述字符模式的对象。 正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。 语法: var patt=new RegExp(pa...原创 2021-11-25 20:46:36 · 102 阅读 · 0 评论 -
3.JavaScript
1.JS的基础语法 1.1 变量(重点)外部JS引用<script src="../js/my.js"></script>js概述:是一种脚本语言,依附于浏览器中,进行一些触控效果网页三剑客: html是基本架构 css是美化效果 js是触控效果 alert("hello,js2"); /* 在页面中打印输出 */ document.write("hello,jsp3&...原创 2021-11-24 20:19:32 · 458 阅读 · 0 评论 -
1.超文本标记语言
1.HTML概述:用于开发网页的html格式的文档 什么是html? 超文本标记语言: 超文本:包含文本和二进制内容(图文并茂形式) 标记语言:通过标签进行开发 主要用途:用于展示数据 书写规范: 一般包含起始标签和结束标签,通常包含属性,往往标签都是单词小写,例如 <html id='值'></html>ctrl+shift+/: 注释html:根标签:有且只有一个 里面包含了head与body子标签 head...原创 2021-11-24 20:02:39 · 1136 阅读 · 0 评论 -
2.CSS层叠样式表
1. CSS的使用 1.1 样式分类及基本选择器(重点) -- 外部样式 -- <link rel="stylesheet" type="text/css" href="../css/red.css"/> -- 内部样式 -- <style type="text/css"> div{ color: blue;font-size: 36px; ...原创 2021-11-24 20:01:19 · 63 阅读 · 0 评论