经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 jQuery

jQuery---动态创建节点

动态创建节点   js的方法 var box = document.getElementById("box"); var a = document.createElement("a"); box.appendChild(a); ...[2020/1/20]

jQuery---创建和添加节点

创建和添加节点 创建jq对象 var $li = $(''<a href="http: web.itcast.cn" target="_blank">传智大前端</a>''); console.log($li); ...[2020/1/20]

jQuery---城市选择案例

城市选择案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/20]

jQuery---清空节点和删除节点

清空节点和删除节点   可以清空一个元素的内容 清理门户 $("div").empty();     完全移除元素 $("div").remove();   &n...[2020/1/20]

jQuery---弹幕效果

弹幕效果 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/c "&g...[2020/1/20]

jQuery---内容复习

内容复习   1. 操作样式 (5) 1.1 c 操作       设置单个样式       设置多个样式       获取样式 c (n...[2020/1/20]

jQuery---html方法和text方法

jQuery---html方法和text方法

html方法和text方法   html:innerHTML text:innerText console.log($("div").html()); <h3>我是标题</h3> console.log($("...[2020/1/20]

jQuery---width和height的方法

jQuery---width和height的方法

width和height的方法   获取div的宽度 $("div").c ("width", "400px"); console.log($("div").c ("width"));   直接获取到的是...[2020/1/20]

jQuery---scrollTop和scrollLeft的方法

scrollTop和scrollLeft的方法   <script src="jquery-1.12.4.js">< cript> <script> $(function () { $(window).scroll(...[2020/1/20]

jQuery---固定导航栏案例

固定导航栏案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <s...[2020/1/20]

jQuery---手风琴案例+stop的使用(解决动画队列的问题)

手风琴案例+stop的使用(解决动画队列的问题)   stop(); 停止当前正在执行的动画   <!DOCTYPE html> <html lang="en"> <head> <meta charset="U...[2020/1/17]

jQuery---音乐导航

音乐导航   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <...[2020/1/17]

jQuery---京东轮播图

京东轮播图 有个计数的,点右边,计数增加,判断计数是否超过总的长度,超过设置计数为0,再设置当前的图片动画,兄弟的图片动画 左边点击同理,计数是--,判断计数是否等于-1,等于则reset计数为总长度,在设置当前的图片动画,兄弟的图片动画   <!DOCTYPE ...[2020/1/17]

jQuery---自定义动画 animate();

自定义动画 animate(); 第一个参数:{对象},里面可以传需要动画的样式 第二个参数:speed 动画的执行时间 第三个参数:easing 动画的执行效果 第四个参数:callback 回调函数         &...[2020/1/17]

jQuery---美女相册案例

美女相册案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/17]

jQuery---prop方法和表格全选案例

prop方法和表格全选案例     对于布尔类型的属性,不用attr方法,应该用prop方法 prop用法跟attr方法一样   <input type="button" value="选中"> <input ...[2020/1/17]

jQuery---三组基本动画 show hide

三组基本动画 show hide   show不传参数,没有动画效果 $("div").show();   show(speed) speed:动画的持续时间 可以是毫秒值 还可以是固...[2020/1/17]

解决jQuery中input 失去焦点之后,不能再获取到焦点

编辑过敏史 if(iToolbar == ''editGMS''){ lstype="gms"; var gms=""; if(gmstype=="0"){ gms...[2020/1/17]

jQuery---属性操作

样式:在style里面写的,用c 来操作 属性:在里面里面写的,用attr方法操作   设置单个属性 attr(name, value) $("img").attr("alt", "图破了"); $("img").attr("title...[2020/1/17]

jQuery---tab栏切换

tab栏切换   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/17]

jQuery---CSS操作

CSS操作 修改单个样式 c (name, value) 修改单个样式 name:样式名 value:样式值 $("li") .c ("backgroundColor", "pink") ....[2020/1/17]

jQuery 判断元素是否存在然后按需加载内容的实现代码

前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多,今天我们来说一下 jQuery 的方法...[2020/1/17]

jQuery---学习roadmap---4 parts

jQuery---学习roadmap---4 parts

jQuery---学习roadmap---4 parts     jQuery初识 jQuery让js的开发变得更加简单 jQuery解决了浏览器的兼容性问题 学习目标 使用jQuery设计常见的效果 掌握jQuery的思想设计与理念 ...[2020/1/16]

jQuery---jQuery初体验

jQuery初体验 1. 引入jquery文件 2. 入口函数标准   jQuery优点总结 (对应的就是js的缺点): 查找元素的方法多种多样,非常灵活 拥有隐式迭代特性,因此不需要手写for循环 完全没有兼容性问题 实现动画非常简单,而且功能更加强大 代码简单粗暴 ...[2020/1/16]

jQuery---版本问题

jQuery---版本问题

jQuery的版本 官网下载地址:http: jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x   大版本分类: 1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再...[2020/1/16]

jQuery---入口函数的写法

入口函数的写法   <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> ...[2020/1/16]

jQuery---jQuery对象与DOM对象的区别

jQuery对象与DOM对象的区别   1. DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。2. jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。3. jQuery对象其实...[2020/1/16]

jQuery---基本的选择器

  基本选择器 名称用法描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.cla ”); 获取同一类cla 的元素 标签选择器 $(“div”); 获取同一类标签...[2020/1/16]

jQuery---过滤选择器

过滤选择器       <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Titl...[2020/1/16]

jQuery---下拉菜单案例

下拉菜单案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/16]

jQuery---突出展示案例

突出展示案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/16]

jQuery---手风琴案例

手风琴案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <sty...[2020/1/16]

jQuery---淘宝精品案例

淘宝精品案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/16]

jQuery---第一部分复习

  jquery: 简单、粗暴      jq和js的关系   js是什么? js是一门编程语言   jq仅仅是基于js的一个库,jq可理解为就是开发js的一个工具。  ...[2020/1/16]

松软科技课堂:jQuery 语法

jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” ...[2020/1/13]

jQuery-File-Upload 使用,jQuery-File-Upload上传插件

================================ ©Copyright 蕃薯耀 2020-01-10 https: www.cnblogs.com/fanshuyao/   一、官网地址: https: github.co...[2020/1/13]

jQuery图片剪裁插件Cropper.js的使用

插件下载地址及文档说明 1.引入必要的js和c 核心文件 <link rel="stylesheet" href="../c cropper.c "> <script src="../j cropper.js"></script> <scr...[2020/1/13]

jQuery总结

项目需要用,总结一下相关知识,方便查看。 一、jQuery 1、什么是 jQuery? (1)jQuery 是一个轻量级的 JavaScript 库,极大地简化了 JavaScript 开发。(2)jQuery 封装了 JS、CSS、DOM 等并提供一致的、简洁的 API,简化了 JS...[2020/1/13]

js和jq跳转到另一个页面或者在另一个窗口打开页面

$("#pic").click(function(){ location.href=''newpage.html''; }); 上面的相当于<a href="newpage.html" target="_self"><img src="img.jpg" /...[2020/1/13]

文件上传时如何携带参数和接收返回值(亲测有效)

1.页面    2.js      3.java后台接收      亲测有效 原文链接:http: www.cnblogs.com/ysyy/p/12174535.html[2020/1/10]

仿美团详情页与购物车源码-详情页

仿美团详情页与购物车源码-详情页

项目图 首先是menu.html <!DOCTYPE html> <html> <head> <title>深圳麦当劳前海二餐厅</title> <meta charset="utf-8">...[2020/1/10]

Jquery实现点击当前radio button设置选中属性,其它设置非选中属性

一、HTML代码: <div cla ="ques-tc-r" id="question_type"> <ul cla ="clearfix"> ...[2020/1/10]

仿美团详情页与购物车源码-订单页

项目整体图 首先是order.html <!DOCTYPE html> <html> <head> <title>订单</title> <meta charset="utf-8"> ...[2020/1/9]

仿美团详情页与购物车源码-首页实现

效果图 首先是index.html <!DOCTYPE html> <html> <head> <title>首页</title> <meta charset="utf-8"> &l...[2020/1/9]

WebApp开发-Zepto

zepto.js自己去官网下载哈。 DOM操作 $(document).ready(function(){ var $cr = $("<div cla =''cr''>插入的div</div>"); 插入操作 $("#a").ap...[2020/1/9]

swipper快速切换插件(两个综合案例源码)

swipper快速切换插件 swipper.js自己去官网下载哈。先来一个tab切换案例: demo.html <!doctype html> <html> <head> <meta charset="utf-8"> ...[2020/1/9]

jquery实现吸顶导航效果

本文实例为大家分享了jquery实现吸顶导航效果的具体代码,供大家参考,具体内容如下 c : *{margin:0;padding:0;} body{ margin:0 auto; max-width:10rem; } header{ width:10...[2020/1/8]

Jquery基础(动画效果的轮播图特效)

Jquery基础(动画效果的轮播图特效)

jquery文档准备的三种写法: $(document).ready(function() { }); $().ready(function() { }); $(function() { }); jquery选择器 基本选择器 $(''*'') / $(''.div''...[2020/1/6]

Json与Ajax(注册实例)

需要在服务器上进行哈 jquery的ajax方法: jquery请求 $.ajax({ url: ". erver lider.json", type: "post", dataType: "json", ...[2020/1/6]

Web基础了解版11-Ajax-JSON

Ajax  AJAX即“Asynchronous Javascript And XML”:是,不发生页面跳转、异步请求载入内容并改写局部页面内容的技术。  也可以简单的理解为通过JS向服务器发送请求。  同步处理:  ...[2020/1/6]

103
2
记录数:787 页数:1/1612345678910下一页尾页
加载更多