随笔分类 - 前端
摘要：一、什么是XML xml全称为Extensible Markup Language，意思是可扩展的标记语言。XML语法上和HTML比较相似，但是HTML中的元素是固定的，而XML的标签是可以用户定义的。 二、XML语法 1、XML文档声明 <?xml version="1.0" encoding="
阅读全文
摘要：1、按钮 1）帮助文档：http://v3.bootcss.com/css/#buttons 2）.btn-lg、.btn-sm、.btn-xs可以设置按钮的不同尺寸 3）.active类设置按钮的激活状态，其表现为被按压下去（底色更深、边框颜色更深、向内投射阴影）。 2、导航栏帮助文档：http:
阅读全文
摘要：1、布局容器 帮助文档：http://v3.bootcss.com/css/#overview-container BootStrap需要为页面内容和栅栏系统包裹一个.container容器。提供的两个容器如下，注意，由于 padding 等属性的原因，这两种 容器类不能互相嵌套。 1）.conta
阅读全文
摘要：1、环境搭建 中文官网下载地址：http://www.bootcss.com/ 右击选中的WEB项目，点击导入，选择文件系统，然后下一步，选择BootStrap文件目录路径，如下： 完成后，WEB项目下的css、img、js就出现相应文件，说明导入成功。 然后导入较新版本的JQuery库，目录结构如
阅读全文
摘要：1、官网下载：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 目录结构： 2、引入jquery库和validation插件 复制dist文件夹下的 和localization文件夹下的 放到WEB项目的js文件夹下提供使用
阅读全文
摘要：1、需求：实现以下功能 2、步骤分析： 第一步：确定事件(鼠标单击事件click) 第二步：获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧select定义了一个id=left] 第三步：将获取到的option添加到右侧的下拉列表中去。(app
阅读全文
摘要：1、JQ的遍历操作 方式一： 1 $(function(){ 2 //全选/全不选 3 $("#checkallbox").click(function(){ 4 var isChecked=this.checked; 5 //使用对象访问的方式进行遍历，语法$().each(function(){
阅读全文
摘要：1、在系统后台进行人员管理时，进行批量删除，使用jq完成全选和全不选 步骤分析： 第一步：引入jquery文件 第二步：书写页面加载函数 第三步：为上面的复选框绑定单击事件 第四步：将下面所有的复选框的选中状态设置成跟上面的一致！ 2、具体代码实现： 1 <!DOCTYPE html> 2 <htm
阅读全文
摘要：1、步骤分析： 第一步：引入jquery的类库 第二步：直接写页面加载函数 第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行) 第四步：分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色。 2、具体代码实现： 1 <!DOCTYPE
阅读全文
摘要：1、基本选择器 id选择器：(“元素名称”); 类选择器：$(“.类名”); 通配符：* 多个选择器共用(并集) 案例代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <titl
阅读全文
摘要：1、JQuery效果 2、步骤分析： 第一步：引入jQuery相关的文件 第二步：书写页面加载函数 第三步：在页面加载函数中，获取显示广告图片的元素。 第四步：设置定时操作(显示广告图片的函数) 第五步：在显示广告图片的函数中，使用jQuery的方法让广告图片显示(show()) 第六步：清除显示广
阅读全文
摘要：1、jQuery基础 Jquery它是一个库(框架)，要想使用它，必须先引入！ jquery-1.8.3.js：一般用于学习阶段。 jquery-1.8.3.min.js：用于项目使用阶段 官网下载后，复制到当前WEB项目的js文件夹下，如下： 引入代码：<script type="text/jav
阅读全文
摘要：1、DIV 相关的技术 Div 它是一个 html 标签，一个块级元素(单独显示一行)。它单独使用没有任何意义，必须结合CSS来使用。它主要用于页面的布局。 Span 它是一个 html 标签，一个内联元素(显示一行)。它单独使用没有任何意义，必须结合CSS 来使用。它主要用于对括起来的内容进行样式
阅读全文
摘要：1、表单标签 所有需要提交到服务器端的表单项必须使用<form></form>括起来！ form 标签属性： action,整个表单提交的位置(可以是一个页面，也可以是一个后台 java 代码) method,表单提交的方式(get/post/delete……等 7 种) Get 与 post 提交
阅读全文
摘要：1、框架集标签：（作用：将页面进行区域的划分) <frameset rows="" cols=""> <frame src=""/> <frame name=""/> </frameset> 属性： cols:进行垂直切割划分，可以切割为任一块（参数的值相加=100%，其中有一块可以使用*表示） r
阅读全文
摘要：1、表格标签： border设置边框，align设置位置(居中等)，bgcolor设置背景颜色，cellspacing设置边框之间的空隙，cellpadding设置边框与里面内容的间距。 table表，tr行，td单元格 <table border="" width="" height="" ali
阅读全文
摘要：1、列表标签 有序列表：type默认是1,2,3……，reserved指降序排列 <ol type="I" start="" reversed="reversed"> <li></li> </ol> 无序列表：type默认是disc <ul type=""> <li></li> </ul> 2、超链
阅读全文
摘要：1、图片标签 <img /> 属性： src:指的是图片显示的路径(位置) 绝对路径：D:\Pictures\Saved Pictures 相对路径： ①同一级：直接写文件名称或者./文件名称 ②上一级：../文件名称 ③下一级：写上目录名称/文件名称 width:指定图片的宽度，取值可以是像素值，
阅读全文
摘要：1、语法和规范 HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。 HTML文件分为头部分(<head></head>)和体部分(<body></body>) HTML标签都是由开始标签和结束标签组成。(<hr />) HTML标签不区分大小写，建议使用小写。 2、HTML相关
阅读全文
