摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-08-10 15:45 webpon 阅读(65) 评论(0) 推荐(0) 编辑
摘要: jQuery增删元素类名 作用等同于以前的classList,可以操作类样式,注意操作类里面的参数不要加点 1、添加类 $("div").addClass("current"); 2、删除类 $("div").removeClass("current"); 3、切换类 $("div").toggle 阅读全文
posted @ 2020-08-10 14:39 webpon 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 第一个案例: 淘宝服饰精品案例 案例分析: 1、核心原理:鼠标经过左侧盒子某个小li,就让内容区盒子相对应图片显示,其余的图片隐藏 2、需要得到当前小li的索引号,就可以显示对应索引号的图片 3、jQuery得到当前元素索引号$(this).index(); 4、中间对应的图片,可以通过eq(ind 阅读全文
posted @ 2020-08-10 12:48 webpon 阅读(257) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="js/ 阅读全文
posted @ 2020-08-10 12:02 webpon 阅读(282) 评论(0) 推荐(0) 编辑
摘要: jQuery可以使用css()方法来修改简单元素样式;也可以操作类,修改多个样式。 1、参数只写属性名,则返回属性值 $(this).css("color"); 2、参数是属性名,属性值,逗号分隔,是设置一组样式,属性名必须加引号,值如果是数字可以不用跟单位和引号 $(this).css("colo 阅读全文
posted @ 2020-08-10 11:48 webpon 阅读(909) 评论(0) 推荐(0) 编辑
摘要: 页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用 阅读全文
posted @ 2020-08-10 11:33 webpon 阅读(103) 评论(0) 推荐(0) 编辑
摘要: JQuery是一个快速、简洁的Javascript库,其设计的宗旨是“write Less ,Do More",即倡导写更少的代码, 做更多的事情。 J就是Javascript;Query查询;意思就是查询JS,把Js中的DOM操作做了封装,我们可以快速的查询使用里面 的功能。 jquery封装了j 阅读全文
posted @ 2020-08-10 10:42 webpon 阅读(226) 评论(0) 推荐(0) 编辑