jquery
桃根仙
这个作者很懒,什么都没留下…
展开
-
js瀑布流关键代码
$(function(){ waterFall();})function waterFall(){ //1.求出列数 var box=$('.box'); var boxWidth=box.outerWidth() var screenWidth=$(window).width(); //求出列数 var cols=parseInt(screenWidth/boxWidth); //创建数组 var heightArr=[]; $.each(box,function(index.原创 2021-03-29 12:20:58 · 132 阅读 · 0 评论 -
电商网站图片滚动懒加载实现
$(function(){ //第一种方式 第三方插件实现 // $.ajax({ // type:'get', // url:'http://127.0.0.1:3333/home', // dataType:'json', // success:function(res){ // con...原创 2019-06-10 21:27:59 · 630 阅读 · 0 评论 -
一个ajax异步图片上传的js
jQuery.DuoImgsYulan = function(file, id) { for (var i = 0; i < 5; i++) { if (!/image\/\w+/.test(file[i].type)) { alert("请选择图片文件"); return false; } ...原创 2019-04-11 11:08:45 · 140 阅读 · 0 评论 -
js 定义二维数组并初始化
最近一朋友搞安卓的,需要做个电影院选作位的 VIEW 原生安卓找不到对应的实现方法,只好求助于我用前端html5+js实现。搞了半夜,附上劳动成果。给需要用js二维数组和二维数组初始化的童鞋当demo用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name...原创 2019-01-14 02:28:32 · 25638 阅读 · 0 评论 -
前端图片懒加载+按需加载范例
需要的依赖 jquery.js、jquery.lazyload.js项目结构:|------app|------|--------js|-----|------jquery.js|-----|-----jquery.lazyload.js|----index.htmlindex.html<!DOCTYPE html><html><...原创 2018-12-26 02:23:57 · 1242 阅读 · 0 评论 -
ajax、模板字符串、按需加载、懒加载
按需加载、懒加载原理:<img data-src="1.jpg" />二种方式:jquery.lazyload.js 滚动到一定高度后请求$(window).height();页面总高度$(document).height();$(window).scrollortop();$(function(){ $.ajax(function(){ succe...原创 2018-12-24 16:16:23 · 396 阅读 · 0 评论 -
js 解析xml demo
$.parseJSON() 把JSON格式的字符串转换成JSONJSON.pase <====> evalJSON.stringify() 把json对象转换成字符串<script>var xml="<rss version='2.0'><channel><title>RSS Title</title>&l原创 2018-02-13 11:41:03 · 240 阅读 · 0 评论 -
jquery.v2.0.3解压版
/*! * jQuery JavaScript Library v2.0.3 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors * Released und...原创 2018-02-13 11:35:29 · 1298 阅读 · 0 评论 -
jquery延迟加载
jQuery.fn.init.prototype=jQuery.fnjQuery.extend=jQuery.fn.extend=function(){}$.extend({ aaa:function(){//扩展工具方法 alert(1); }, bbb:function(){ alert(2); }});$.fn.extend({ aaa:function(){//扩展jquery实例方法...原创 2018-02-13 00:14:56 · 391 阅读 · 0 评论 -
js对象引用、基本类型、引用类型
基本类型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2018-02-12 23:29:21 · 993 阅读 · 0 评论 -
jquery 源码分析系列2
第一集内容介绍:jQuery源码框架组成 匿名函数自执行的优点 匿名函数对外接口设置 window下挂载$()与jQuery()jQuery.prototype 原型、jQuery基于面向对象的程序jQuery函数调用与jQuery对象调用方法jQuery中继承方法:extendjQuery扩展工具方法:$.trim()、$.proxy()…… ...原创 2018-02-12 22:42:32 · 287 阅读 · 0 评论 -
jquery 源码分析系列1
正文:该系列视频是基于 jQuery 2.0.3 版本,共计8829行源码。由妙味课堂讲师:杜鹏 全程讲解首先,杜鹏讲师 为大家列出 jQuery 源码的整体框架,整个jQuery源码共8829行,共划分为18大部分(其中每一行的数字 21 , 94 是指jQuery源码中的21行到94行的内容……):>>jQuery源码下载· (function(){ · (...原创 2018-02-12 19:13:38 · 361 阅读 · 0 评论