13522679763-任国强

2020年8月9日

元素尺寸 height() width() innerHeight( innerWidth() outerHeight(false/true): height+padding+border 如果是true, 加上margin outerWidth(false/true): width+padding+border 如果是true, 加上margin

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素尺寸</title> </head> <style> div { width: 100px; height: 150px; background: red; padding: 阅读全文

posted @ 2020-08-09 09:40 13522679763-任国强阅读(79) 评论(0) 推荐(0)

读取/设置滚动条的Y坐标 scrollTop

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>13_元素滚动</title> </head> <body style="height: 2000px;"> <div class="test" style="border:1px 阅读全文

posted @ 2020-08-09 09:31 13522679763-任国强阅读(338) 评论(0) 推荐(0)

offset和position

摘要： <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 20px; left: 10px; background: blue; } .div2 { 阅读全文

posted @ 2020-08-09 08:58 13522679763-任国强阅读(131) 评论(0) 推荐(0)

jquery 操作css

摘要： <p style="color: blue;">Eric的后裔</p> <p style="color: green;">太阳的后裔</p> /* 1. 得到第一个p标签的颜色 2. 设置所有p标签的文本颜色为pink 3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px 阅读全文

posted @ 2020-08-09 08:41 13522679763-任国强阅读(71) 评论(0) 推荐(0)

多Tab点击切换和优化

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多Tab点击切换</title> <script src="jquery-1.10.1.js"></script> <style> * { margin: 0; p 阅读全文

posted @ 2020-08-09 00:04 13522679763-任国强阅读(221) 评论(0) 推荐(0)

2020年8月8日

jquery 操作属性 attr() removeAttr() prop() addClass() removeClass() html() val()

摘要： <div id="div1" class="box" title="one">class为box的div1</div> <div id="div2" class="box" title="two">class为box的div2</div> <div id="div3">div3</div> <spa 阅读全文

posted @ 2020-08-08 23:45 13522679763-任国强阅读(102) 评论(0) 推荐(0)

工具方法

摘要： <!-- 1. $.each(): 遍历数组或对象中的数据 2. $.trim(): 去除字符串两边的空格 3. $.type(obj): 得到数据的类型 4. $.isArray(obj): 判断是否是数组 5. $.isFunction(obj): 判断是否是函数 6. $.parseJSON( 阅读全文

posted @ 2020-08-08 23:19 13522679763-任国强阅读(79) 评论(0) 推荐(0)

js选择器

摘要：基本选择器 <div id="div1" class="box">div1(class="box")</div> <div id="div2" class="box">div2(class="box")</div> <div id="div3">div3</div> <span class="box 阅读全文

posted @ 2020-08-08 23:11 13522679763-任国强阅读(272) 评论(0) 推荐(0)

jquery 核心函数

摘要： $(function () { $('#btn').click(function(){ // alert(this.innerHTML) alert($(this).html()) // 创建input $('<input type="text" name="msg2"/>').appendTo(' 阅读全文

posted @ 2020-08-08 22:08 13522679763-任国强阅读(72) 评论(0) 推荐(0)

Jquery 页面加载方式

摘要： <script type="text/javascript"> //加载完成的回调函数 window.onload = function () { var btn1 = document.getElementById('btn1'); btn1.onclick = function () { ale 阅读全文

posted @ 2020-08-08 21:39 13522679763-任国强阅读(312) 评论(0) 推荐(0)

Eric

公告