0

jquery带下拉列表的购物车组件封装

按照国际惯例先放效果图 安静的时候它长这样 等待加载时它长这样(功能是设置的按需加载,网速慢或者加载数据大时会出现) 加载之后购物车没有商品时这样 有商品长这样 首页index.html <!DOCTYPE html> <html lang="zh-CN"><!-- 设置简体中文 --> <head ...

陈莺莺呀 发布于 2020-02-24 22:52 评论(0)阅读(11)
0

头部布局,搜索验证和AJAX自动搜索提示,并封装成组件,提高代码复用性

index.html 头部区结构和样式 效果图 静态样式 index.html中的部分 <!-- 头部 --> <div class="header"> <div class="container"> <!-- h1标签是为了搜索引擎优化,表示重要 但是页面内不要出现太多 --> <h1 class ...

陈莺莺呀 发布于 2020-02-23 14:06 评论(0)阅读(24)
0

jQuery 源码解析(三十一) 动画模块 便捷动画详解

jquery在$.animate()这个接口上又封装了几个API,用于进行匹配元素的便捷动画,如下: $(selector).show(speed,easing,callback) ;如果被选元素已被隐藏,则显示这些元素 $(selector).hide(speed,easing,callback) ...

大沙漠 发布于 2020-02-23 10:21 评论(0)阅读(20)
0

jQuery 使用笔记

jQuery 使用笔记 jQuery 基础 1. jQuery 介绍 一个快速、轻量、丰富的 JavaScript 类库 jQuery 官方网站:https://jquery.com jQuery 开发文档:http://www.bejson.com/apidoc/jquery 2. jQuery ...

pgjett 发布于 2020-02-23 10:13 评论(0)阅读(27)
0

方法中this指向的问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <button class="btn">按钮</button> <script src="../js/j ...

陈莺莺呀 发布于 2020-02-22 20:32 评论(0)阅读(6)
0

封装dropdown模块(使用到之前写好的动画组件,封装下拉菜单)

用 showhide 改写dropdown 模块: 1.首先在 css中新增动画相关样式 /*showhide组件的样式*/ .fadeOut{ opacity: 0; visibility: hidden; } /*收缩样式*/ .slideUpDownCollapse{ height:0 !im ...

陈莺莺呀 发布于 2020-02-22 20:20 评论(0)阅读(9)
0

显示层封装及实现与优化(无动画+css3动画+js动画)

showhide.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>showhide</title> <link rel="stylesheet" href="../css/base.css"> <s ...

陈莺莺呀 发布于 2020-02-22 14:39 评论(0)阅读(8)
0

让$(window).scroll()监听事件只执行一次

可以用jQuery中的unbind()来进行事件解绑。 1 $(window).scroll(function() { 2 console.log("滚离顶部" + $(document).scrollTop()); 3 4 //... 5 6 //对window对象进行scroll事件解绑 7 $ ...

Znnha 发布于 2020-02-21 00:17 评论(0)阅读(12)
0

挂号平台首页开发(UI组件部分)

JQ插件模式开发UI组件 JQ插件开发方法: 1、$.extend() 扩展JQ(比较简单,功能略显不足) $.extend({ sayHello:function(){ console.log("hello~"); } }); $.sayHello(); 2、$.fn 向JQ添加新方法(这次选择这 ...

陈莺莺呀 发布于 2020-02-20 13:53 评论(0)阅读(31)
0

前端——jQuery

jQuery是JS的工具库,对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,使用 . 链式写法,提供更完善,更便捷的方法。 再使用jquery之前,我们需要先引入jquery文件,才能使用jquery语法,导入jQ文件的方法有两种。 从 jquery.com 下载 jQue ...

凌逆战 发布于 2020-02-20 11:43 评论(3)阅读(260)
1

挂号平台首页开发(静态页面部分)

1、首先是设计稿 2、然后使用PxCook进行尺寸标注 3、字体信息去PS里看 4、首页框架代码编写 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <lin ...

陈莺莺呀 发布于 2020-02-19 17:41 评论(4)阅读(43)
0

AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1、优化用户体验 2、承担了一部分本该服务器端的工作,减轻了服务器端的压力 3、优化了服务器端和浏览器端的传输,减少了带宽占用 缺点: 1、不支持回退按钮 2、 ...

陈莺莺呀 发布于 2020-02-18 20:06 评论(0)阅读(31)
0

jQuery的动画以及扩展功能

动画DOM及CSS操作 自定义动画 animate(最终css状态,时间) 这个最终css状态是一个对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <style> div{ w ...

陈莺莺呀 发布于 2020-02-17 20:36 评论(0)阅读(21)
0

jQuery判断checkbox是否选中的3种方法

方法一: if ($("#checkbox-id").get(0).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法三: if ($('#checkbox-id' ...

一智独秀 发布于 2020-02-17 17:55 评论(0)阅读(21)
0

实际开发常用的jquey事件类型,并运用到图片相册

鼠标事件 .click 鼠标单击 .dblclick 鼠标双击 // 单击事件 $("a").click(function(){ $("img").eq($(this).index()) // 获取当前点击的a的index .css({"opacity":"1"}) .siblings() .css ...

陈莺莺呀 发布于 2020-02-16 22:05 评论(0)阅读(17)
0

jQuery的核心功能选择器

选择器是jquery的核心 jquery选择器返回的对象是jquery对象,不会返回undefined或者null,因此不必进行判断 基本选择器: ID选择器 $("#ID") element选择器(标签选择器)$("标签") 如 $("div") 获取具体的标签,使用数组下标的方式 $("div" ...

陈莺莺呀 发布于 2020-02-16 17:48 评论(0)阅读(19)
0

学习jQuery基础语法,并通过一个案例引出jQuery的核心

jquery是一个快速、小巧,功能强大的javascript函数库。 jquery主要用来替代原生的javascript,简化代码。 前端最头疼的就是兼容:IE6/7/8兼容的最高版本是jQuery1.9.1 jQuery的操作在一个类中,不会污染顶级变量 基本不用考虑浏览器的兼容性 支持链式操作方 ...

陈莺莺呀 发布于 2020-02-16 15:08 评论(0)阅读(12)
0

jQuery初学者笔记 一

jQuery初学者笔记 一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素,并对选取的元素进行操作 基础语法: 所有jQuery语句用“$”符号开始 jQuery函数位于一个document ready函数中,我们需要在js中加载该函数文档 选择器语法: jQue ...

Mirror王宇阳 发布于 2020-02-14 19:24 评论(0)阅读(154)
0

安卓手机微信自带浏览器点击事件失效解决

在移动端做了个导航,长这样 原来结构是用的span <span class="menu_icon"> <img src="img/icon_1.png"> <p>导航</p> </span> 绑定用的是jquery的.click $('.menu_icon').click(function () { ...

陈莺莺呀 发布于 2020-02-13 23:00 评论(0)阅读(43)
0

jQuery---jquery.ui实现新闻模块

jquery.ui实现新闻模块 jquery也有ui,了解即可,用的不多,类似element ui 和bootstrap JQuery UI API: jquery.ui实现新闻模块 draggale拖动,并用属性handle,指定下拖动手柄 $(".drag-wrapper").draggable ...

jane_panyiyun 发布于 2020-02-05 15:16 评论(0)阅读(38)