摘要: 固定导航栏案例 <!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) 编辑
摘要: 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) 编辑
摘要: 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) 编辑
摘要: 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) 编辑
摘要: val方法 获取焦点时,判断value等不等于洋酒,true的话就情况,设置为空 $("#txt").focus(function () { //如果是默认值,清空内容 if($(this).val() "洋酒"){ $(this).val(""); } }); 失去焦点时,判断value是否为空, 阅读全文
posted @ 2020-01-19 15:51 jane_panyiyun 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 内容复习 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) 编辑
摘要: 弹幕效果 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; 阅读全文
posted @ 2020-01-19 14:01 jane_panyiyun 阅读(670) 评论(0) 推荐(0) 编辑
摘要: 微博发布案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .box { width: 521px; height 阅读全文
posted @ 2020-01-19 13:02 jane_panyiyun 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 清空节点和删除节点 //可以清空一个元素的内容 //清理门户 $("div").empty(); //完全移除元素 $("div").remove(); $(function () { $(".des").click(function () { alert("hehe"); }) //clone / 阅读全文
posted @ 2020-01-19 11:04 jane_panyiyun 阅读(1426) 评论(0) 推荐(0) 编辑
摘要: 城市选择案例 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> select { width: 200px; background-color: #fff; height: 2 阅读全文
posted @ 2020-01-19 10:34 jane_panyiyun 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 创建和添加节点 //创建jq对象 var $li = $('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>'); console.log($li); $("div").append($li); 或者直接添加 //创建jq对象 var 阅读全文
posted @ 2020-01-19 10:20 jane_panyiyun 阅读(304) 评论(0) 推荐(0) 编辑
摘要: https://javascriptweekly.com/issues/471 #471 — JANUARY 17, 2020 READ ON THE WEB JavaScript Weekly Babel 7.8.0 Released — The popular JavaScript transp 阅读全文
posted @ 2020-01-19 10:11 jane_panyiyun 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 动态创建节点 js的方法 var box = document.getElementById("box"); var a = document.createElement("a"); box.appendChild(a); a.setAttribute("href", "http://web.itc 阅读全文
posted @ 2020-01-19 10:07 jane_panyiyun 阅读(465) 评论(0) 推荐(0) 编辑