为你推荐

区别mouseover与mouseenter?

区别mouseover与mouseenter?*mouseover:在移入子元素时也会触发,对应mouseout,进入子元素的时候,父元素显示离开状态*mouseenter:只在移入当前元素时才触发,对应mouseleave,进入子元素时,父元素没有显示离开,离开整个区域才会是离开状态hover()使用的就是mouse...
代码星球·2020-07-24

文档的增删改

1.添加/替换元素*append(content)向当前匹配的所有元素内部的最后插入指定内容*prepend(content)向当前匹配的所有元素内部的最前面插入指定内容*before(content)将指定内容插入到当前所有匹配元素的前面*after(content)将指定内容插入到当前所有匹配元素的后面替换节点*r...
代码星球·2020-07-24

jQuery之_事件绑定与解绑

使用jQuery实现事件的绑定和解绑就是所谓的事件操作。1.事件绑定(2种):*eventName(function(){})绑定对应事件名的监听,例如:$('#div').click(function(){});*on(eventName,funcion(){})通用的绑定事件监听,例如:$('#div').on('...
代码星球·2020-07-24

全选练习-原生版和jQuery

今天来做一些练习,做全选练习原生版的实现:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css"></style>...
代码星球·2020-07-24

jQuery之回到顶部

实现回到顶部的功能,根据学了元素滚动实现,温习知识点。做之前先理清一下步骤和思路:1、获得页面的滚动长度var$page=$("html,body");vardistance=$("html").scrollTop()+$("body").scrollTop();2、设置总时间vartime=500;3、设置间隔时间v...
代码星球·2020-07-24

jQuery之过滤元素

还是那句话,这些知识一个小小的练习,更多的请看jQuery手册在jQuery对象中的元素对象数组中过滤出一部分元素来1.first()2.last()3.eq(index|-index)4.filter(selector)5.not(selector)6.has(selector)需求:1.ul下li标签第一个2.ul...
代码星球·2020-07-24

jQuery之元素查找

在已经匹配出的元素集合中根据选择器查找孩子/父母/兄弟标签1.children():子标签中找2.find():后代标签中找3.parent():父标签4.prevAll():前面所有的兄弟标签5.nextAll():后面所有的兄弟标签6.siblings():前后所有的兄弟标签 需求:1.ul标签的第2个span子标...
代码星球·2020-07-24

jQuery之_元素滚动

对应的知识点铺垫,但是有一个很重要的问题就是兼容IE和chorme的1.scrollTop():读取/设置滚动条的Y坐标2.$(document.body).scrollTop()+$(document.documentElement).scrollTop()读取页面滚动条的Y坐标(兼容chrome和IE)3.$('b...
代码星球·2020-07-24

jQuery之offset,position

获取/设置标签的位置数据*offset():相对页面左上角的坐标*position():相对于父元素左上角的坐标.需求:1.点击btn1打印div1相对于页面左上角的位置打印div2相对于页面左上角的位置打印div1相对于父元素左上角的位置打印div2相对于父元素左上角的位置2.点击btn2设置div2相对于页面的左上...
代码星球·2020-07-24

jQuery之属性

1.操作任意属性attr()操作非布尔值的removeAttr()prop()操作布尔值的2.操作class属性addClass()添加class属性removeClass()移除class属性3.操作HTML代码/文本/值html()val()<divid="div1"class="box"title="one...
代码星球·2020-07-24

jQuery之css

设置css样式/读取css值css()1.得到第一个p标签的颜色2.设置所有p标签的文本颜色为red3.设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px),高(30px)//1.得到第一个p标签的颜色console.log($("p:first").css("color"))//2.设置所有p...
代码星球·2020-07-24

多tab点击切换

现在来一个小练习,就是用js实现多tab之间的切换:<body><ulid="tab"><liid="tab1">10元套餐</li><liid="tab2">20元套餐</li><liid="tab3">30元套餐</li>...
代码星球·2020-07-24

_$工具方法

因为方法很多,掌握了类似的,查找文档就很容易了,所以不用一个个都去记住,学会一个就好了。下面联系几个$工具方法:还有的就是文档其实是一个非常好的东西,因为文档说的非常清楚,又比较官方。1.$.each():遍历数组或对象中的数据varobj={"name":"rainbow","sex":"girl"}$.each(o...
代码星球·2020-07-24

jQuery表单选择器

现有以下表单:<form>用户名:<inputtype="text"/><br>密码:<inputtype="password"/><br>爱好:<inputtype="checkbox"checked="checked"/>篮球<input...
代码星球·2020-07-24

表格隔行变色

表格的代码如下:<tableid="data"><thead><tr><th>姓名</th><th>工资</th><th>入职时间</th><th>操作</th></tr>&l...
代码星球·2020-07-24