【前端小酌】
程序员不弃
努力到无能无力,坚持到感动自己。
不求最强,只求更强,每天进步一点点,未来一定不会差。
展开
-
Jquery 添加属性、添加class、添加Css
一.设置属性:方式一 jQuery 代码:$("img").attr({ src: "test.jpg", alt: "Test Image" }方式二:jQuery代码--键值对$("img").attr("src","test.jpg");方式三: jQuery 代码--函数式:$("img").attr("title", function()原创 2018-03-19 23:00:06 · 45054 阅读 · 1 评论 -
2018-07-24 JS前端从URL中获取某一个参数的值
1.JS从URL中获取某一个参数的值function getUrlParam(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { ...转载 2018-07-24 00:13:42 · 604 阅读 · 0 评论 -
2018-07-03 (模态框文本过长问题)文本换行
1.问题:当模块框中文本的长度大于模态框的宽度,发现文本内容溢出模块框。2.知识点:/*1.强制不换行*/p { white-space:nowrap;}/*2.自动换行*/ p { word-wrap:break-word; }/*3.强制英文单词断行*/p { word-break:break-all; }/*4.注意:设置强制将英文单词断行,需要将行内元素设置...原创 2018-07-03 08:30:40 · 2479 阅读 · 0 评论 -
Flex(弹性布局) 布局教程:语法篇(第一次接触)
今天百度一片内部div如何居中,最常用的一般都是使用position:https://blog.csdn.net/zichuanxiu904/article/details/56834420(内部div居中教程)父div设置相对定位,子div设置绝对定位,margin设置auto,位置属性left、top、right、bottom设置为0:父div设置相对定位:.parent { ...转载 2018-06-10 10:30:55 · 232 阅读 · 0 评论 -
判断组件是否包含指定的Class---hasClass
1.检查当前的元素是否含有某个特定的类,如果有,则返回true。$('div').hasClass('redColor')2.Jquery为每个匹配的元素添加指定的类名。$("p").addClass("selected");3.Jquery从所有匹配的元素中删除全部或者指定的类。$("p").removeClass("selected");...原创 2018-05-24 00:02:25 · 1380 阅读 · 0 评论 -
Bootstrap分割线和普通分割线
<div class="divider"></div> <!--两头渐变透明--><hr style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color="#6f5499" size="3" />转载 2018-05-23 23:54:44 · 43501 阅读 · 2 评论 -
Jquery 事件绑定---动态绑定和静态绑定
Jquery 事件绑定---动态绑定和静态绑定1.静态元素绑定:方法一:$('#btn_submit').click(function(){});方法二:直接在button标签中使用onclick绑定<button type="submit" id="btn_submit" onclick="btnAction()"> submit </button>方法三:使用bi...原创 2018-05-06 23:59:00 · 1386 阅读 · 0 评论 -
神奇的layer,layer 的使用方法详解(转载官网,你想要的提示框都有)
转载:http://www.layui.com/doc/modules/layer.html弹层组件文档 - layui.layerlayer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持、不弃的执念,将那些不屑的眼光转化为应得的尊重,不断完善和维护、不断建设和提升社区服务,在 Web 开发者的圈子里口口相传,乃至于成为今天的 layui 最强劲的源动力。目前,lay...转载 2018-05-06 23:06:50 · 6221 阅读 · 0 评论 -
Jquery-Autocomplate 的使用(转载)
1 看本文前,请先看http://www.jb51.net/article/24219.htm,上面需要对接的数据都是标准格式,所以不需要太麻烦,如:[javascript] view plain copyvar x = [ { name: "Peter Pan", to: "peter@pan.de" }, { name: "Molly", to: "molly@yahoo.com" }...转载 2018-05-05 00:15:49 · 855 阅读 · 0 评论 -
设置Input文本框变成不可编辑
方法:使用blur()使输入框失去焦点----onfocus="this.blur()"。使用disabled属性设置-----readonly="true"。使用readOnly属性设置-----isabled="true"。特点:第一种方式:文本框的内容不仅不能修改,也不能复制第二种方式:文本框的内容文字会变色,不可编辑,可以复制第三种方式:文本框的内容不会变色,不可编辑,可以复制。...原创 2018-03-19 23:47:17 · 5642 阅读 · 0 评论 -
【JavaScript】按钮绑定点击事件-onCliek事件
【JavaScript】按钮绑定点击事件-onCliek事件<button type="submit" id="btn">btn</button>1. 第一种:$("#btn").click(function(event){}2. 第二种:document.getElementById('#foo').addEventListener('cl...原创 2018-03-19 23:32:41 · 93328 阅读 · 3 评论 -
2019-07-24 神奇的iCheck-简单、实用
1.使用背景项目中常用bootstrap作为前端开发框架,但是发现单选框和复选框的样式和Bootstrap的样式不匹配,而且要跳转单选框和复选框的样式挺麻烦的; 2.iCheck简介iCheck官网介绍: 3.下载iCheck在GitHub中下载 iCheck.下载完成之后,解压:iCheck目录结构如图所示: 4.使用iChec...原创 2018-07-25 08:31:17 · 14312 阅读 · 1 评论