jane_panyiyun

2020年2月1日

摘要： on注册事件的2种方式 on注册事件的语法 on注册简单事件 // 这个是p自己注册的事件（简单事件） $("p").on("click", function () { alert("呵呵"); }); $("#btn").on("click", function () { $("<p>我是新建的p 阅读全文

posted @ 2020-02-01 20:56 jane_panyiyun 阅读(253) 评论(0) 推荐(0) 编辑

jQuery---委托事件原理

摘要： jQuery事件发展历程事件发展历程：从简单事件，到bind，到委托事件，到on事件绑定 //简单事件，给自己注册的事件 $("div").click(function () { alert("哈哈"); }); //bind方式 $("p").bind({ click: function () 阅读全文

posted @ 2020-02-01 11:43 jane_panyiyun 阅读(363) 评论(0) 推荐(0) 编辑

2020年1月31日

jQuery---offset方法和position方法

摘要： offset方法和position方法获取元素的相对于document的位置 //获取元素的相对于document的位置 $(".son").offset(); console.log($(".son").offset()); 获取元素相对于有定位的父元素的位置 //获取元素相对于有定位的父元素的阅读全文

posted @ 2020-01-31 17:15 jane_panyiyun 阅读(244) 评论(0) 推荐(0) 编辑

jQuery---小火箭返回顶部案例

摘要：小火箭返回顶部案例 1. 滚动页面，当页面距离顶部超出1000px，显示小火箭。封装在scroll函数里，当前页面距离顶部为$(window).scrollTop >=1000 小火箭显示和隐藏用fadeIn和fadeOut //当页面超出1000px的时候，让小火箭显示，如果小于1000px，则阅读全文

posted @ 2020-01-31 16:52 jane_panyiyun 阅读(692) 评论(0) 推荐(0) 编辑

2020年1月19日

jQuery---固定导航栏案例

摘要：固定导航栏案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0 } img { vertical-align: top; 阅读全文

posted @ 2020-01-19 17:24 jane_panyiyun 阅读(647) 评论(0) 推荐(0) 编辑

jQuery---scrollTop和scrollLeft的方法

摘要： scrollTop和scrollLeft的方法 <script src="jquery-1.12.4.js"></script> <script> $(function () { $(window).scroll(function () { console.log($(window).scrollT 阅读全文

posted @ 2020-01-19 17:18 jane_panyiyun 阅读(221) 评论(0) 推荐(0) 编辑

jQuery---width和height的方法

摘要： width和height的方法 //获取div的宽度 $("div").css("width", "400px"); console.log($("div").css("width")); //直接获取到的是数字 //就是获取的width的值 console.log($("div").width() 阅读全文

posted @ 2020-01-19 16:47 jane_panyiyun 阅读(338) 评论(0) 推荐(0) 编辑

jQuery---html方法和text方法

摘要： html方法和text方法 //html:innerHTML text:innerText console.log($("div").html());//<h3>我是标题</h3> console.log($("div").text());//我是标题 $("div").text("<p>我是文本< 阅读全文

posted @ 2020-01-19 16:22 jane_panyiyun 阅读(287) 评论(0) 推荐(0) 编辑

jQuery---val方法

摘要： val方法获取焦点时，判断value等不等于洋酒，true的话就情况，设置为空 $("#txt").focus(function () { //如果是默认值，清空内容 if($(this).val() "洋酒"){ $(this).val(""); } }); 失去焦点时，判断value是否为空，阅读全文

posted @ 2020-01-19 15:51 jane_panyiyun 阅读(362) 评论(0) 推荐(0) 编辑

jQuery---内容复习

摘要：内容复习 1. 操作样式 (5) 1.1 css操作设置单个样式设置多个样式获取样式 css(name, value) :设置单个样式 css(obj):设置多个样式 css(name):获取样式 1.2 class操作 addClass(name):添加类 removeClass(name) 阅读全文

posted @ 2020-01-19 14:44 jane_panyiyun 阅读(246) 评论(0) 推荐(0) 编辑

每临大事有静气，不信今时无古贤

公告