首页 > 标签 > 前端开发 相关的文章,共6篇
css3的grid布局

css3的grid布局

display: grid; //布局方式 grid-template-columns: repeat(5, 19.1%); //每列的宽度 不同的宽度不用repeat 比如:20% 20% 20% 20% 20% grid-column-gap: 12px; //列间距 grid-row-gap: 15px; //行间距

阅读全文
js判断字符串是否是域名url

js判断字符串是否是域名url

验证域名url地址function checkUrl(url) { var strRegex = '^((https|http|ftp|rtsp|mms)?://)?' +'(([0-9a-z_!~*().&=+$%-]+: )?[0-9a-z_!~*().&=+$%-]+@)?' //ftp的user@ +'(([0-9]{1,3}.){3}[0-9]{1,3}|'// IP形式的URL- 127.0.0.1 +'([0-9a-z_!~*()-]+.)*'// 域名- www. +'[a...

阅读全文
jQuery获取未选中的checkbox多选框

jQuery获取未选中的checkbox多选框

今天在做页面的时候,需要获取到未选中的多选框列表值。以前用的方法在新版本的jq中已经被启用了,所以在此记录一下新的方法。下面就是在新版本jq中如何获取未选中的checkbox数据的方法了。var all_not = $('#all-checkbox .items').not('input:checked');

阅读全文
bootstrap中文换行问题解决方法

bootstrap中文换行问题解决方法

今天在用bootstrap开发网页的时候,遇到一个非常奇怪的问题。在一个自动宽度的div下遇到中文文字会独占一行(或者说是每个字都要换行),英文字母则不会换行。查了一下资料发下如下解决方法。添加css样式即可white-space:nowrap;

阅读全文
jQuery操作人工操作后的checkbox多选框失效

jQuery操作人工操作后的checkbox多选框失效

错误:$("input[type='checkbox']").attr("checked", "checked");在jquery1.9版本以上,attr不能重复操作,所以应该使用prop进行操作正确:$("input[type='checkbox']").prop("checked", "checked");

阅读全文
jQuery获取checkbox选中状态,全选反选多选框,获取改变事件

jQuery获取checkbox选中状态,全选反选多选框,获取改变事件

$("#all").change(function(){ //获取checkbox改变事件 var all = $('#all').is(':checked'); //判断是否选中 true|false if(all){ $("#all-checkbox input[type='checkbox']").prop("checked", "checked"); }else{ $("#all-checkbox input[type='checkbox']").prop("checked", false); ...

阅读全文