form-control给input添加这个class类后就会使用bootstrap自带的input框
摘要：<input type="text" class="form-control" id="name" placeholder="请输入名称">
阅读全文
posted @ 2017-10-31 20:21
10 2017 档案
img-responsive class图片响应式
摘要：在BootStrap中，给<img>添加 .img-responsive样式就可以实现图片响应式。 1 <img src="..." class="img-responsive"> 1 <img src="..." class="img-responsive"> 1 <img src="..." c
阅读全文
posted @ 2017-10-31 14:36
bootstrap中container 类和container-fluid类的区别container类所谓的自适应也是通过margin的改变来完成，container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。
摘要：container 类和container-fluid类的区别体现在是否有随视口宽度改变的margin存在。 container类所谓的自适应也是通过margin的改变来完成，container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。
阅读全文
posted @ 2017-10-31 14:23
required输入框为必填项
摘要：required <input type="text" placeholder="cat photo URL" required>
阅读全文
posted @ 2017-10-30 21:27
input左减右加
摘要：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <style> </style></head><body><input id="min" name="" type="button" value="-" /><input id=
阅读全文
posted @ 2017-10-30 20:46
可以拖动的导航条
摘要：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" cont
阅读全文
posted @ 2017-10-30 19:24
forEach 列出数组的每个元素：
摘要：数组.forEach便利所有的元素 <!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p>点击按钮计算数组所有元素相加的总和。</p><button oncli
阅读全文
posted @ 2017-10-30 11:05
ajax发送请求是图标转圈圈实现
摘要：css部分 .load-img{ //控制图标大小width:40px;height:40px;margin:100px;border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/margin: 0 auto;}@-
阅读全文
posted @ 2017-10-26 19:38
jQuery，您可以实现元素的淡入淡出效果。
摘要：fadeIn() fadeOut() fadeToggle() fadeTo() jQuery fadeIn() 用于淡入已隐藏的元素
阅读全文
posted @ 2017-10-18 21:56
jquery里面控制显示和隐藏 ___土狗toggle
摘要：$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });使用 hide() 和 show() 方法来隐藏和显示 HTML 元素： $("button").click(
阅读全文
posted @ 2017-10-18 21:49
jquery里面的一些方法
摘要：Event 函数绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数
阅读全文
posted @ 2017-10-18 21:41
jquery里面的选择器
摘要：jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。 jQuery 属性选
阅读全文
posted @ 2017-10-18 21:32
jquery的语法
摘要：$(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $(".test").hide() - 隐藏所有 class="test" 的所有元素 $("#test").hide() - 隐藏所有 id="test" 的元素
阅读全文
posted @ 2017-10-18 21:29
jQuery - AJAX load() 方法
摘要：jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上
阅读全文
posted @ 2017-10-18 21:26
jQuery - 尺寸
摘要：jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight() width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() 方法设置或返回元素的高
阅读全文
posted @ 2017-10-18 21:16
jQuery 操作 CSS
摘要：addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性
阅读全文
posted @ 2017-10-18 21:11
jQuery删除元素
摘要：remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素
阅读全文
posted @ 2017-10-18 21:00
jQuery添加新的元素
摘要：append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容
阅读全文
posted @ 2017-10-18 20:58
jQuery - 设置内容和属性
摘要：通过 text()、html() 以及 val() 方法来设置内容：$("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("<b
阅读全文
posted @ 2017-10-18 16:49
jquery获得内容 - text()、html() 以及 val()
摘要：三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 .text()返回的是: 这是段落中的粗体文本。 .html()返回的是:这是段落中的
阅读全文
posted @ 2017-10-18 15:58
遍历及过滤 first(), last() 和 eq() filter() 和 not()
摘要：三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
阅读全文
posted @ 2017-10-18 15:51
siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() 在 DOM 树中水平遍历
摘要：prev(), prevAll() & prevUntil() 与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素
阅读全文
posted @ 2017-10-18 15:46
后代children() find()的区别
摘要：$(document).ready(function(){ $("div").children(); });只拿到div下面的子标签元素 $(document).ready(function(){ $("div").find("span"); });带有查询功能,拿到div下面的所有的span标签
阅读全文
posted @ 2017-10-18 15:01
parent() parents() parentsUntil()三者之间的对比
摘要：$(document).ready(function(){ $("span").parent(); });只拿到span的父级标签 $(document).ready(function(){ $("span").parents(); });拿到span标签的所有的祖先元素 $(document).r
阅读全文
posted @ 2017-10-18 14:58
拿到类名为two_data的里面自定义属性为data的值为14的话,就给这行代码在添加一个class等于active的类
摘要：$(".two_data[data=14]").addClass('active')
阅读全文
posted @ 2017-10-18 14:24
动态给某一个元素添加active
摘要：<li class="one_data" data-id='+ navGroup.self_first_nav[i].id +'><a href='+ navGroup.self_first_nav[i].view + '>'+navGroup.self_first_nav[i].name+'</a
阅读全文
posted @ 2017-10-17 20:26
Jquery中拿到相同的对应的所有的标签
摘要：在Jquery中相同的ID号不能用$()获得，即使是$().each()也不能获得所有的ID相同的元素，只能获得第一个匹配的元素。 比如： 以上4个div，如果用$("#jevoly").size()来检查，也只能获得1,使用 $("#jevoly").each(function(i){ n=i;
阅读全文
posted @ 2017-10-17 17:25
jquery获取自定义属性的值
摘要：//获取属性值 1 <div id="text" value="黑哒哒的盟友"><div> jQuery取值： $("#text").attr("value"); //获取自定义属性值 2 <div id="text" value="123" data_obj="黑哒哒的盟友"><div> JQUE
阅读全文
posted @ 2017-10-17 16:49
将数据内容动态添加到HTML中
摘要：// 申明一个数组用来装遍历的元素 var li = []; //遍历元素并加载到标签中 for(var i = 0; i<navGroup.self_first_nav.length; i++){ var nav_li = '<li class=\'\' data-id='+ navGroup.s
阅读全文
posted @ 2017-10-17 15:39
原生拿到一个对象的长度
摘要：var obj = {'name' : 'Tom' , 'sex' : 'male' , 'age' : '14'}; var arr = Object.keys(obj); console.log(arr); // ['name','sex','age'] console.log(a
阅读全文
posted @ 2017-10-17 15:36
布局.定位.浮动
摘要：元素：块级元素，内联元素，内联块状元素 块级元素：在默认情况下会独占一块区域 相对于块级元素的父元素来讲，块级元素占据的行默认是单独享有的。 通过设置元素的样式为： 1 display:block; 1 display:block; 1 display:block; 1 display:block;
阅读全文
posted @ 2017-10-13 17:46
拖拽图标到指定的区域
摘要：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.8.3.min.js
阅读全文
posted @ 2017-10-13 17:39
面向对象及构建函数
摘要：1.工厂模式 《Javascript 高级程序设计（第3版）》 用了寥寥十多行介绍了工厂模式。我找了一些相关资料，想确定一下这种模式的具体适用场景和优势。按照资料中的说法，是考虑到 ECMAScript 无法创建类，所以： 创建一个对象，紧接着描述对象的属性和方法，最后用另一个对象把它们封装起来当作
阅读全文
posted @ 2017-10-13 17:12
浮动与清除浮动
摘要：1.div内多个块元素的浮动关系： 假设一个大的div bigBox 中有三个块级盒子 div1 div2 div3 它们的样式为： 由于块级元素会单独占用一行，并且父元素会自动被撑开，可以得到： 现在，先让div2 浮动起来：给div2 加一个浮动 这时，可以看到： div3 跑到了原来div2
阅读全文
posted @ 2017-10-13 17:10
URL回车后发生了什么
摘要：1.解析URL ________________________________________________________________________ 关于URL： URL（Universal Resource Locator）：统一资源定位符。俗称网页地址或者网址。 URL用来表示某个资
阅读全文
posted @ 2017-10-13 17:07
正则表达式
摘要：正则表达式基础知识准备： 正则表达式实现的经典案例： 1.利用正则表达式实现常用手机 要求：a. 以1开头；b. 第二位是3、5、8；c. 后面跟9位0-9数结尾。 2.匹配常用邮箱 要求：1. @之前必须有多个数字或者是英文字符即：0-9a-zA-Z；b. @之后必须紧跟多个小写英文字符或者数字，
阅读全文
posted @ 2017-10-13 17:03
数组去重
摘要：一.方法一 Array.prototype.unique = function(){ var arr = []; for(var i=0;i<this.length;i++){ if(arr.indexOf(this[i]) 1){ arr.push(this[i]); } } return arr
阅读全文
posted @ 2017-10-13 17:02
div与div之间的拖拽
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #div1, #div2{float:left; width:100px; hei
阅读全文
posted @ 2017-10-13 16:01
拖拽功能的实现
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m
阅读全文
posted @ 2017-10-13 15:50
点击之后连接qq
摘要：<a class=" " style="" href="http://wpa.qq.com/msgrd?v=3&uin=404826213&site=qq&menu=yes" target="_blank"><p style="text-align: center;">我要加入</p></a>
阅读全文
posted @ 2017-10-11 10:49
添加默认的图片
摘要：<img src="路径" onerror="javascript:this.src='默认图片路径'" width="50" height="50" alt="">
阅读全文
posted @ 2017-10-11 10:48
上拉刷新
摘要：<!DOCTYPE=html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(functi
阅读全文
posted @ 2017-10-09 21:49
分页的代码
摘要：//分页 var displayPart = $('#commitDisplay'); var totalPage = $('.totalPage'); var cacheNum = 1,pNum; var pageObj = $('.pageObj'); var pageObjLi = $('.p
阅读全文
posted @ 2017-10-09 21:48
浙公网安备 33010602011771号