判断元素是否显示隐藏的方法 第一种:使用css属性var display =$('#id').css('display');if(display == 'none'){ alert("我是隐藏发生的事件");}第二种:使用jQuery内置的选择器假设页面布局是以下这样:<div id="test"> <p>我是用来测试的</p>...
阻止事件冒泡以及stopPropagation(),preventDefault()和return false;的区别 e.preventDefault()是阻止默认事件的方法;e.stopPropagation()是阻止事件冒泡;return false;是既阻止事件冒泡又阻止默认事件;以下是个阻止事件冒泡的小案例:<!DOCTYPE html><html><head> <title>阻止冒泡</title>...
iconfont图标库的使用方法 一、寻找适用的图标官方网址:http://www.iconfont.cn/找到需要的icon以为例添加入库。一、生成代码:点击右上角购物车图标,出现下图(1)所示,下方点击下载代码,下载完成后将压缩包文件解压,将文件里面的iconfont.css文件引入到自己的项目中如图(2)。图(1)图(2)HTML中使用时如下图所示:备注:1、可以在...
块级元素在块级元素内部垂直居中 步骤:1、给父级元素添加相对定位position:relative;2、子元素设置如下: position: absolute; left: 50%; top: 50%; //设置为子元素width的一半,设置为负值 margin-left: -25px; //设置为子元素height的一半,设置为负值 margin-top: -25...
jQuery实现搜索框文字内容可删除 以下代码中用到的知识有:1、图标使用的是iconfont的图标库,若要了解其具体使用的方法,请查看博客--iconfont的使用方法;2、jQuery的on()代理;3、jQuery的keyup()方法: 定义: 完整的 key press 过程分为两个部分,按键被按下,然后按键被松开并复位。 当按钮被松开时,发生 keyup 事件。它发生在当...
重新加载当前网而不使用缓存内容和清除浏览器缓存的快捷键 重新加载当前网而不使用缓存内容:Ctrl+shift+R清除浏览器缓存的快捷键:Ctrl+shift+delete转载于:https://www.cnblogs.com/myunYao/p/8820223.html
css设置内容超出范围用省略号表示 标签内容为:明天就周末了设置后的效果图如下:实现代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>css设置内容超出范围用省略号表示</title> 5 <style type="text/css"> 6 ...
利用jQuery实现多选框选中与未选中 所用到的知识点:1、iconfont图标库的运用;2、改变input的多选框默认的样式,所运用的小知识点利用label标签;<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/...
jQuery实现鼠标的移入移出效果 利用jQuery的hover方法实现鼠标的移入移出效果,代码如下所示: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script src="https://apps.bdimg.com/libs/jquery/2....
jQuery用on()代理的方法实现鼠标点击事件,当前的背景色变化其他的背景色不变... <!DOCTYPE html><html><head> <title></title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style...
vue.js - 模板语法之缩写 1.v-on缩写1 <!-- 完整写法 -->2 <button v-on:click="reverseMessage">按钮</button>3 <!-- 简写 -->4 <button @click="reverseMessage()">按钮</button>2.v-bind缩写...
vue watch同时监听两个值的变化并执行方法 先用computed定义一个address对象,然后再去watch addres 1 data() { 2 return { 3 city: '', 4 country: '' 5 } 6 }, 7 computed: { 8 address() { 9 const { city, country } = thi...
sublime分屏显示设置以及左侧菜单栏隐藏显示设置 sublime分屏显示设置:双屏显示:view->layout->columns:2单屏显示:view->layout->singlesublime左侧菜单栏隐藏显示设置:显示:view->side Bar->show side bar隐藏:view->side Bar->hide side bar转载于:https...
合并其他分支代码到自己的分支 此案例为合并dev分支代码到dev-ymy分支1.切换到dev分支 git checkout dev2.拉取分支代码 git pull3.切换至自己的分支 git checkout dev-ymy4.合并dev与dev-ymy分支代码 git merge dev5.提交代码 git push转载于:https://www.cnblog...
字符串拼接中去除最后一个;号 1 for(var i = 0; i<$scope.viewProject.projectLineList.length; i++){2 $scope.projectLineList += $scope.viewProject.projectLineList[i].lineName + ' ; ';3 }4 $scope.projectLineList...
去除字符串拼接中出现的undefined 1 while($scope.addProject.info.integratedSupplierChain.indexOf('undefined') >= 0)2 $scope.addProject.info.integratedSupplierChain = $scope.addProject.info.integratedSupplierChain.replace('...
数组对象去重处理(自定义根据哪个键名来去重) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>数组去重</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 var proje...
排他思想---点击当前按钮背景颜色变化 排他思想:清除所有的按钮的样式,只剩下自己。代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script s...
过滤数组对象中的键值,将将键值替换成我们需要的键名及值名 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...
z-index 1、z-index值表示谁压着谁。数值大的压盖住数值小的。2、只有定位了的元素,才能有z-index值。也就是说,不管相对定位、绝对定位、固定定位,都可以使用z-index值。而浮动的东西不能用。3、z-index值没有单位,就是一个正整数。默认的z-index值是0。4、如果大家都没有z-index值,或者z-index值一样,那么谁写在HTML后面,谁在上面能压住别人。定...