JQUERY主题的文章列表，还有JQUERY的技术要点_第2页

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

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

代码星球 ·2021-02-25

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插件（二）》里，通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求：当前图片显示指定时间后执行切换效果并切换下一张图片，最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...

代码星球 ·2021-02-25

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

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

代码星球 ·2021-02-25

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

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

代码星球 ·2021-02-25

为jQuery写插件

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

代码星球 ·2021-02-25

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

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

代码星球 ·2021-02-25

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

页面初始化中，用的较多的就是$(document).ready(function(){//代码});或$(window).load(function(){//代码});他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触发，显然ready更适合...

代码星球 ·2021-02-25

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=...

代码星球 ·2021-02-23

Jquery返回顶部插件

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

代码星球 ·2021-02-23

前端历险记--锋利的jQuery

11...

代码星球 ·2021-02-22

vue中引入jquery

1、在项目中安装jquery。npminstalljquery--save-dev2、在项目根目录下的build/webpack.base.conf.js文件中：① 先写以下代码varwebpack=require("webpack")②在module.exports的最后写plugins:[newwebpa...

代码星球 ·2021-02-22