51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#jquery
jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件
一、jQuery的位置信息jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。1、宽度和高度 a、获取宽度和高度,例如: .width()//获取匹...
代码星球
·
2021-02-25
事件
jQuery
基础
位置
信息
jQuery基础(3)- ajax
一、jQuery的ajax1、什么是ajax AJAX=异步的javascript和XML(AsynchronousJavascriptandXML)。 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。 通过jQueryAJAX方法,我们能够使用HTTPGet和HTTPPost从远...
代码星球
·
2021-02-25
jQuery
基础
ajax
jQuery基础(2)
一、jQuery的属性操作 jQuery的属性操作分为四部分: html标签属性操作:是对html文档中的标签属性进行读取,设置和移除操作。比如attr()、removeAttr(); DOM属性操作:对DOM元素的属性进行读取,设置和移...
代码星球
·
2021-02-25
jQuery
基础
jQuery基础(1)
一、jQuery的介绍1、为什么要使用jQuery? 在用js写代码时,会遇到一些问题,如下: 1)window.onload事件有事件覆盖的问题,因此只能写一个事件; 2)代码容错性差; 3)浏览器兼容性问题; 4)书写很繁...
代码星球
·
2021-02-25
jQuery
基础
javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)
在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...
代码星球
·
2021-02-25
Javascript
设计模式
实践
职责
具有
javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)
在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...
代码星球
·
2021-02-25
Javascript
设计模式
实践
模板
方法
javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)
类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。 实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”...
代码星球
·
2021-02-25
Javascript
设计模式
实践
迭代
具有
为jQuery写插件
很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider。如下图,做一个div,通过“$("#slider").slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些。 那么,我们也来为jQue...
代码星球
·
2021-02-25
jQuery
插件
jquery的promise实践--连续加载图片
在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步,完成一个能够一张一张的连续图片加载的功能。功能:1.一张一张加载图片。2.加载错误,超时后显示加载失败图片。对于功能的要求,肯定会存在对加载状态事件的处理以及完成时回调函数的处理,这样不仅会造成代码上的混乱,甚至...
代码星球
·
2021-02-25
jquery
promise
实践
连续
加载
jquery的ready事件的实现机制浅析
页面初始化中,用的较多的就是$(document).ready(function(){//代码});或$(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合...
代码星球
·
2021-02-25
jquery
ready
事件
实现
机制
jQuery ajax模板
$.ajax({url:'',type:'POST',//GETasync:true,//或false,是否异步data:{name:'llc',age:22},timeout:5000,//超时时间dataType:'json',//返回的数据格式:json/xml/html/script/jsonp/textbef...
代码星球
·
2021-02-24
jQuery
ajax
模板
jquery.sticky 粘性滚动插件使用
一个jQuery插件,使你能够做任何元素在您的网页上总是可见的,可以作为顶部固定导航显示插件。官网地址:http://stickyjs.com/github:https://github.com/garand/sticky 插件依赖于jq核心库,需要引入!该博客导航固定使用了此插件<scriptsrc=...
代码星球
·
2021-02-23
jquery.sticky
粘性
滚动
插件
使用
Jquery返回顶部插件
自己jquery开发的返回顶部,当时只为了自己用一下,为了方便,修改成了插件。。。 自己的博客现在用的也是这个插件。。使用方便!! <!DOCTYPEhtml><html><head><metacharset="utf-8"><met...
代码星球
·
2021-02-23
Jquery
返回
顶部
插件
前端历险记--锋利的jQuery
11...
代码星球
·
2021-02-22
前端
历险记
锋利
jQuery
vue中引入jquery
1、在项目中安装jquery。npminstalljquery--save-dev2、在项目根目录下的build/webpack.base.conf.js文件中:① 先写以下代码varwebpack=require("webpack")②在module.exports的最后写plugins:[newwebpa...
代码星球
·
2021-02-22
vue
引入
jquery
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他