你若精彩，蝴蝶自来

2018年7月30日

摘要：还是那句话，这些知识一个小小的练习，更多的请看jQuery手册在jQuery对象中的元素对象数组中过滤出一部分元素来1. first()2. last()3. eq(index|-index)4. filter(selector)5. not(selector)6. has(selector) 需阅读全文

posted @ 2018-07-30 13:15 你若精彩，蝴蝶自来阅读(1280) 评论(0) 推荐(0) 编辑

jQuery之回到顶部

摘要：实现回到顶部的功能，根据学了元素滚动实现，温习知识点。做之前先理清一下步骤和思路： 1、获得页面的滚动长度 2、设置总时间 var time = 500; 3、设置间隔时间 var intervalTime = 50; 4、使用循环定时器不断滚动 5、/到达顶部, 停止定时器 //获得每次滑动的距阅读全文

posted @ 2018-07-30 11:20 你若精彩，蝴蝶自来阅读(430) 评论(1) 推荐(0) 编辑

2018年7月27日

jQuery之_元素滚动

摘要：对应的知识点铺垫，但是有一个很重要的问题就是兼容IE和chorme的 1. scrollTop(): 读取/设置滚动条的Y坐标2. $(document.body).scrollTop()+$(document.documentElement).scrollTop() 读取页面滚动条的Y坐标(兼容c 阅读全文

posted @ 2018-07-27 18:53 你若精彩，蝴蝶自来阅读(828) 评论(0) 推荐(0) 编辑

jQuery之offset,position

摘要：获取/设置标签的位置数据 * offset(): 相对页面左上角的坐标 * position(): 相对于父元素左上角的坐标. 需求: 1. 点击 btn1 打印 div1 相对于页面左上角的位置打印 div2 相对于页面左上角的位置打印 div1 相对于父元素左上角的位置打印 div2 相对阅读全文

posted @ 2018-07-27 18:30 你若精彩，蝴蝶自来阅读(187) 评论(0) 推荐(0) 编辑

jQuery之css

摘要：设置css样式/读取css值 css() 1. 得到第一个p标签的颜色 2. 设置所有p标签的文本颜色为red 3. 设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px), 高(30px) 阅读全文

posted @ 2018-07-27 18:09 你若精彩，蝴蝶自来阅读(129) 评论(0) 推荐(0) 编辑

jQuery之属性

摘要： 1. 操作任意属性 attr() 操作非布尔值的 removeAttr() prop() 操作布尔值的2. 操作class属性 addClass() 添加class属性 removeClass() 移除class属性3. 操作HTML代码/文本/值 html() val() 需求和实现如下： 1. 阅读全文

posted @ 2018-07-27 17:43 你若精彩，蝴蝶自来阅读(200) 评论(0) 推荐(0) 编辑

多tab点击切换

摘要：现在来一个小练习，就是用js实现多tab之间的切换：对应的css格式如图：效果图： js实现的结果：可以实现正常的切换了。阅读全文

posted @ 2018-07-27 17:41 你若精彩，蝴蝶自来阅读(535) 评论(0) 推荐(0) 编辑

_$工具方法

摘要：因为方法很多，掌握了类似的，查找文档就很容易了，所以不用一个个都去记住，学会一个就好了。下面联系几个$工具方法：还有的就是文档其实是一个非常好的东西，因为文档说的非常清楚，又比较官方。 1. $.each(): 遍历数组或对象中的数据 2. $.trim(): 去除字符串两边的空格 3. $.ty 阅读全文

posted @ 2018-07-27 11:23 你若精彩，蝴蝶自来阅读(1056) 评论(0) 推荐(0) 编辑

jQuery表单选择器

摘要：现有以下表单：需求如下： 1. 选择不可用的文本输入框 2. 显示选择爱好的个数 3. 显示选择的城市名称现实现如下： 1. 选择不可用的文本输入框 2. 显示选择爱好的个数 3. 显示选择的城市名称阅读全文

posted @ 2018-07-27 10:39 你若精彩，蝴蝶自来阅读(205) 评论(0) 推荐(0) 编辑

2018年7月26日

表格隔行变色

摘要：表格的代码如下：设置表格的样式：效果图如下：隔行变色、隔列变色类似：实现方式有三种：第一种，在css中设置：剩下的是通过js设置： 1、通过选择器 2、通过添加class属性效果图：阅读全文

posted @ 2018-07-26 18:37 你若精彩，蝴蝶自来阅读(263) 评论(0) 推荐(0) 编辑

你若精彩，蝴蝶自来

公告