jQuery
关注
分享
扫一扫
你的玄烨
好好学习，天天向上
展开
-
jquery实现商品按价格排序、按销量排序、随机排序(基于sort（）方法实现)
前言： 三部分代码Ctrl C + V，一定可以实现效果。部分一： 页面设计 ( 注： 底部导航栏用到了阿里的字体图标)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><原创 2020-07-03 21:15:39 · 4693 阅读 · 0 评论 -
jQuery案例：复合菜单导航
前言：我使用的是jQuery版本是jquery-1.11.3.js寄语：没有太多的代码，也没有太复杂的逻辑。只是想用简单的案例熟悉使用jQuery的应用。案例逻辑思想：给有二级菜单项的li通过添加一个事先设置好样式的类名，添加一个右箭头风格图标，并给当前的li绑定点击事件，判断事件源li如果有子元素的话，就显示出来，同样给事件源li添加一个事先设置好样式的类名，添加一个下箭头风格图标。API先知：① slideToggle( ) 方法通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素原创 2020-06-13 11:25:07 · 269 阅读 · 0 评论 -
jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例
① slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。示例：通过使用滑动效果，在显示和隐藏状态之间切换 元素，点一次段落隐匿，再点，段落出现。 $(document).ready(function () { $(".btn1").click(function () { $("p").slideToggle();原创 2020-06-13 11:53:49 · 517 阅读 · 0 评论 -
jQuery案例：手风琴效果实现示例
前言：我使用的是jQuery版本是jquery-1.11.3.js寄语：没有太多的代码，也没有太复杂的逻辑。只是想用简单的案例熟悉jQuery的应用。页面主要逻辑：鼠标移入当前li区域，改变当前li的宽度，同时其兄弟li长度缩短收起来。页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2020-06-13 14:14:08 · 403 阅读 · 0 评论