#jquery

jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件

一、jQuery的位置信息jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。1、宽度和高度      a、获取宽度和高度,例如:      .width()//获取匹...

jQuery基础(3)- ajax

一、jQuery的ajax1、什么是ajax  AJAX=异步的javascript和XML(AsynchronousJavascriptandXML)。  简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。  通过jQueryAJAX方法,我们能够使用HTTPGet和HTTPPost从远...
代码星球 ·2021-02-25

jQuery基础(2)

一、jQuery的属性操作      jQuery的属性操作分为四部分:    html标签属性操作:是对html文档中的标签属性进行读取,设置和移除操作。比如attr()、removeAttr();    DOM属性操作:对DOM元素的属性进行读取,设置和移...
代码星球 ·2021-02-25

jQuery基础(1)

一、jQuery的介绍1、为什么要使用jQuery?      在用js写代码时,会遇到一些问题,如下:    1)window.onload事件有事件覆盖的问题,因此只能写一个事件;    2)代码容错性差;    3)浏览器兼容性问题;    4)书写很繁...
代码星球 ·2021-02-25

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)

在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)

在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)

类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。   实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”...

为jQuery写插件

很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider。如下图,做一个div,通过“$("#slider").slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些。 那么,我们也来为jQue...
代码星球 ·2021-02-25

jquery的promise实践--连续加载图片

在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步,完成一个能够一张一张的连续图片加载的功能。功能:1.一张一张加载图片。2.加载错误,超时后显示加载失败图片。对于功能的要求,肯定会存在对加载状态事件的处理以及完成时回调函数的处理,这样不仅会造成代码上的混乱,甚至...

jquery的ready事件的实现机制浅析

页面初始化中,用的较多的就是$(document).ready(function(){//代码});或$(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然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.sticky 粘性滚动插件使用

一个jQuery插件,使你能够做任何元素在您的网页上总是可见的,可以作为顶部固定导航显示插件。官网地址:http://stickyjs.com/github:https://github.com/garand/sticky 插件依赖于jq核心库,需要引入!该博客导航固定使用了此插件<scriptsrc=...

Jquery返回顶部插件

自己jquery开发的返回顶部,当时只为了自己用一下,为了方便,修改成了插件。。。 自己的博客现在用的也是这个插件。。使用方便!!  <!DOCTYPEhtml><html><head><metacharset="utf-8"><met...
代码星球 ·2021-02-23

vue中引入jquery

1、在项目中安装jquery。npminstalljquery--save-dev2、在项目根目录下的build/webpack.base.conf.js文件中:① 先写以下代码varwebpack=require("webpack")②在module.exports的最后写plugins:[newwebpa...
代码星球 ·2021-02-22
首页上一页12345...下一页尾页