摘要: 1.注释// This is an in-line comment./* This is a multi-line comment */ 2.数据类型undefined(未定义), null(空), boolean(布尔型), string(字符串), symbol(符号), number(数字), 阅读全文
posted @ 2019-08-26 21:56 梨子233 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 1.开始函数$(document).ready(function(){ }); 2.选择器+addClass()+removeClass()引入了jQuery库和Animate.css库,这样你就可以在编辑器里直接可以使用这两个库,进而通过jQuery给button元素添加bounce回弹动画效果。 阅读全文
posted @ 2019-08-21 22:29 梨子233 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 1.动态兼容手机与浏览器 在HTML开头添加 <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/> 2.图片的宽度完美地适配页面的宽度 为图片添加img-responsive c 阅读全文
posted @ 2019-08-21 21:37 梨子233 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 1.引用外部字体 <link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> h2{ font-family:Lobster; } 2.字体降级p { font-family: 阅读全文
posted @ 2019-08-21 16:51 梨子233 阅读(161) 评论(0) 推荐(0) 编辑
摘要: position:static|relative|absolute|fixed static:position默认值。忽略top,right,bottom,left,z-index;可用于取消元素的定位 relative:相对定位。相对于自身的位置进行定位。 1.没有设置top,right,bott 阅读全文
posted @ 2019-06-26 15:05 梨子233 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 问题原因:blur()事件里面有alert(),confirm(),等挂载进程的语句。会出现重复执行blur()事件 解决办法:把blur()换成change()或其他事件 把alert(),confirm(),等换成其他语句,如console.log(),或其他 阅读全文
posted @ 2019-06-18 15:50 梨子233 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 添加和删除节点 添加HTML节点 1.创建元素节点 var node = document.createElement("div"); 2.对节点 innerHTML 或 innerText node.innerHTML = "<div></div>" 3.把创建的节点追加到已有元素 documen 阅读全文
posted @ 2019-06-17 16:39 梨子233 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 基本选择器 id选择器 $("#idValue") 选中页面中id属性值为idValue的元素(一个) class选择器 $(".classValue") 选中页面中class属性值为classValue的所有元素 element选择器 $("elementName") 选中页面中元素名为eleme 阅读全文
posted @ 2019-06-17 15:21 梨子233 阅读(131) 评论(0) 推荐(0) 编辑
摘要: jQuery入口函数(文档就绪事件)与JS入口函数相似 三种写法 第一种 $(document).ready(function(){ 执行代码 }) 第二种 $().ready(function(){ 执行代码 }) 第三种 $(function(){ 执行代码 }); jQuery入口函数($(f 阅读全文
posted @ 2019-06-17 14:48 梨子233 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 获取样式值 $(selector).css("样式名") 设置单个css样式 $(selector).css("样式名","样式值") 注意点: 1.样式名与样式值都要用引号""包裹; 2.样式名与样式值之间用逗号,隔开。 设置多个css样式 $(selector).css({"样式名1":"样式值 阅读全文
posted @ 2019-06-17 14:20 梨子233 阅读(74) 评论(0) 推荐(0) 编辑