随笔分类 -  jQuery

鼠标点击隐藏显示事件
摘要：$(function(){ $("#loginPopup").click(function(){ $(".pop-bg,.pop-wrapper").show(); 显示 $("body").css("overflow","hidden");阻止弹出框有进度条 }) $(".close-btn"). 阅读全文
posted @ 2021-11-16 18:55 翟莹萍 阅读(73) 评论(0) 推荐(0)
购物车增加数字减数字
摘要：$(function(){//加购物车数字 $(".c_add").click(function(){ var val=$("#count-ipt").val();获取购物车里的数字 var num=parseInt(val)+1;购物车数字加一 var count=$(".in-count").t 阅读全文
posted @ 2021-11-16 18:48 翟莹萍 阅读(70) 评论(0) 推荐(0)
放大镜
摘要：$(function(){ $(".small_box").hover(function(){鼠标移到图片上 $(this).find(".float_layer").show();找到小黑背景显示出来 $(".big_box").show(); 大图片同时显示 },function(){鼠标移出 阅读全文
posted @ 2021-11-15 22:16 翟莹萍 阅读(30) 评论(0) 推荐(0)
点击更多可折叠可舒展的方法
摘要：$(function(){ $(".load-more").click(function(){ // 被选元素是否包含指定的类名称 if($(this).hasClass("active")){//如果有active这个类 则它除移active这个类 元素的第一个祖先元素隐藏高度为30px $(th 阅读全文
posted @ 2021-11-15 22:03 翟莹萍 阅读(32) 评论(0) 推荐(0)
jQuery轮播图和选项卡
摘要：使用jQuery的页面需加 <script src="./js/jquery-3.3.1.min.js"></script> <script src="./js/index.js"></script> index.js $(function(){ var current=0; //当前的 var c 阅读全文
posted @ 2021-11-15 21:43 翟莹萍 阅读(130) 评论(0) 推荐(0)
动画
摘要：//行内样式 display //隐藏 display：none 显示 display：原始值 如果没有原始值 则删除display样式 //动画路线 左上角到右下角 $(".show").click(function(){ $("div").show(); }) $(".hide").click( 阅读全文
posted @ 2021-11-12 20:29 翟莹萍 阅读(45) 评论(0) 推荐(0)
dom 操作
摘要：内部插入=>子节点 $(".append").click(function(){ //$("ul").append("<li>列表 append</li>") //追加后边 $("<li>列表 append</li>") .appendTo($("ul"));//效果相同 }) $(".prepen 阅读全文
posted @ 2021-11-11 22:58 翟莹萍 阅读(31) 评论(0) 推荐(0)
事件
摘要：screen 屏幕 显示器左上角 page 页面 当前页面左上角 client 可视区域 显示页面的区域的左上角 offset 元素 元素的左上角 页面没有滚动条时， page和client基准点重合 function stopPropagation(e){ e.stopPropagation(); 阅读全文
posted @ 2021-11-10 12:13 翟莹萍 阅读(25) 评论(0) 推荐(0)
属性和样式
摘要：//attr(属性名) 获取属性值 // attr(属性名，属性值) 设置属性 //没有参数时获取，带参数时设置 // html 包含html标签的代码 div<span>span</span> //text divspan 纯文本 //val 交互控件(表单控件)的值 //在设置时，HTML会解析 阅读全文
posted @ 2021-11-09 12:00 翟莹萍 阅读(44) 评论(0) 推荐(0)
jquery
摘要：$(document).ready(function(){ }) 的简写 $(function(){ }) $() 工厂函数 //jq=$(js/dom) //jq=$(div) // jq=$("<li>列表</li>") jq=>js // [0] js=jq[0] // js=$(div)[0 阅读全文
posted @ 2021-11-09 08:20 翟莹萍 阅读(16) 评论(0) 推荐(0)