随笔分类 -  前端集锦

上一页 1 2 3
iframe 子页面改变父页面样式
摘要：iframe 子窗口调节父窗口样式： $(window.parent.document).find("body").attr("style","background-color:#99FF00") 父元素改子元素样式（不跨域）： document.getElementById('iframeID') 阅读全文
posted @ 2017-09-16 14:49 Sun~_~ 阅读(6095) 评论(0) 推荐(0)
检测终端类型
摘要：js检测： var ua = navigator.userAgent.toLocaleLowerCase(); var isMobile = /iPhone|iPad|iPod|android|Windows Phone/ig.test(ua); console.log('终端类型是否为移动端:'+ 阅读全文
posted @ 2017-09-16 14:42 Sun~_~ 阅读(276) 评论(0) 推荐(0)
$.grep()
摘要：$.grep() jQuery.grep(array, callback, [invert]) 返回值为数组,不改变原数组； 使用过滤函数过滤数组元素。此函数至少传递两个参数：待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。 参数 array,callback 阅读全文
posted @ 2017-09-16 14:40 Sun~_~ 阅读(266) 评论(0) 推荐(0)
点击元素内部不隐藏，点击元素外部元素隐藏
摘要：$(document).on("click", function (evt) { var oEvent = evt || event; var elem = oEvent.target || oEvent.srcElement; while (elem) { //循环判断至跟节点，防止点击的是div 阅读全文
posted @ 2017-09-16 14:33 Sun~_~ 阅读(191) 评论(0) 推荐(0)
CSS3基础知识
摘要：基础知识 1.1 选择器 CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。CSS3选择器与jQuery中所提供的绝大部分选择器兼容。 1.1.1 属性选择器 其特点是通过属性来选择元素，具体有以下5种形式： 1、E[attr] 表示存在attr属性即可； 2、E[attr= 阅读全文
posted @ 2017-05-27 17:01 Sun~_~ 阅读(923) 评论(0) 推荐(0)
自定义多选框(checkbox)和单选框(radio)css样式
摘要：直接上代码: input[type="radio"],input[type="checkbox"]{ -webkit-appearance: none; outline: none; } input[type="radio"]{ position: relative; width: .12rem; 阅读全文
posted @ 2017-05-27 16:32 Sun~_~ 阅读(3710) 评论(0) 推荐(0)
js事件
摘要：事件 JavaScript有两种事件实现模式： 1, 内联模式, 2, 脚本模式。 内联模式 内联模式 : 直接在HTML标签中添加事件. //在 HTML中把事件处理函数作为属性执行JS代码 <input type="button" value="按钮" onclick="alert('hello 阅读全文
posted @ 2017-05-27 16:18 Sun~_~ 阅读(293) 评论(0) 推荐(0)
js数组与字符串处理 slice、splice、substring、substr、push、pop、shift、reverse、sort、join、split
摘要：数组 方法 1.在数组末尾添加、删除元素 push()方法可以接收任意数量的参数，把它们逐个添加到数组的末尾，并返回修改后数组的长度。改变原数组 pop()方法则从数组末尾移除最后一个元素，减少数组的 length 值，然后返回移除的元素。改变原数组 2.在数组前端添加、删除元素 unshift() 阅读全文
posted @ 2017-05-27 15:59 Sun~_~ 阅读(1555) 评论(0) 推荐(0)
css入门基础
摘要：css基础 1、 Css新建格式 Css语法： 选择符{属性名称：属性值；} 1、内部样式表（嵌套到页面中） 语法： <style type="text/css"> css语句 </style> 注：使用style标记创建样式时，最好将该标记写在<head></head>; 2、内联样式（行间样式， 阅读全文
posted @ 2017-05-27 15:43 Sun~_~ 阅读(753) 评论(0) 推荐(0)

上一页 1 2 3