138.Python修炼之路【143-前端-JQuery-实例3】2018.08.04

实例3 1、ajax数据加载 2、表单验证 3、滑动条 4、自定义滚动条

2018-08-04 17:10:49

阅读数:41

评论数:0

137.Python修炼之路【142-前端-JQuery-jqueryUI】2018.08.04

jqueryUI jQuery UI是以 jQuery 为基础的代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jqueryUI 网址 http://jqueryui.com/ 常用jqueryUI插件: Draggabl...

2018-08-04 17:09:14

阅读数:45

评论数:0

136.Python修炼之路【141-前端-JQuery-本地存储】2018.08.04

本地存储 本地存储分为cookie,以及新增的localStorage和sessionStorage 1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效(日期限制)。 ...

2018-08-04 17:07:23

阅读数:35

评论数:0

133.Python修炼之路【138-前端-JQuery-Json】2018.08.02

json json是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。 javascript对象字面量...

2018-08-02 12:45:15

阅读数:57

评论数:0

132.Python修炼之路【137-前端-JQuery实例2】2018.08.02

实例2 1、弹框-阻止冒泡 <!DOCTYPE html> <html lang="en"> <head> &am...

2018-08-02 12:43:59

阅读数:56

评论数:0

131.Python修炼之路【136-前端-JQuery滚轮事件与函数节流】2018.08.02

滚轮事件与函数节流 jquery.mousewheel插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。 函数节流  javascript中有些事件的触发频率非常高,比如onresize事件(...

2018-08-02 12:42:27

阅读数:56

评论数:0

130.Python修炼之路【135-前端-JQuery元素节点操作】2018.08.02

jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); ...

2018-08-02 12:41:38

阅读数:54

评论数:0

129.Python修炼之路【134-前端-JQuery事件委托】2018.08.02

事件委托 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li');...

2018-08-02 12:40:16

阅读数:58

评论数:0

128.Python修炼之路【133-前端-JQuery事件冒泡】2018.08.02

事件冒泡 什么是事件冒泡  在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),...

2018-08-02 12:39:18

阅读数:15

评论数:0

127.Python修炼之路【132-前端-JQuery主动触发与自定义事件】2018.08.02

主动触发与自定义事件 主动触发  可使用jquery对象上的trigger方法来触发对象上绑定的事件。 自定义事件  除了系统事件外,可以通过bind方法自定义事件,然后用tiggle方法触发这些事件。 //给element绑定hello事件 element.bind("...

2018-08-02 12:37:51

阅读数:52

评论数:0

126.Python修炼之路【131-前端-JQuery事件】2018.08.02

jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() 表单元素的值发生变化 click() 鼠标单击 dblclick() 鼠标双击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发...

2018-08-02 12:35:56

阅读数:53

评论数:0

125.Python修炼之路【130-前端-JQuery实例1】2018.08.02

实例1 1、层级菜单         2、选项卡       3、置顶菜单-滚动到顶部         4、整屏滚动          5、无缝滚动         6、手风琴效果      01、层级菜单 <!DOCTYPE html> &am...

2018-08-02 12:33:49

阅读数:23

评论数:0

124.Python修炼之路【129-前端-JQuery尺寸相关、滚动事件】2018.08.01

尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括p...

2018-08-01 15:45:58

阅读数:42

评论数:0

123.Python修炼之路【128-前端-JQuery动画】2018.08.01

jquery动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。 $('#div1').animate({ width:300, height:300 },1000,swing,function(){ al...

2018-08-01 15:45:10

阅读数:43

评论数:0

122.Python修炼之路【127-前端-JQuery链式调用】2018.08.01

jquery链式调用 jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写: $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际...

2018-08-01 15:44:30

阅读数:42

评论数:0

121.Python修炼之路【126-前端-JQuery特殊效果】2018.08.01

jquery特殊效果 fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); ...

2018-08-01 15:43:26

阅读数:61

评论数:0

120.Python修炼之路【125-前端-JQuery绑定click事件】2018.08.01

绑定click事件 给元素绑定click事件,可以用如下方法: $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this) })

2018-08-01 15:38:39

阅读数:11

评论数:0

119.Python修炼之路【124-前端-JQuery属性操作】2018.08.01

jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字&amp...

2018-08-01 15:37:00

阅读数:15

评论数:0

118.Python修炼之路【123-前端-JQuery样式操作】2018.08.01

jquery样式操作 jquery用法思想二  同一个函数完成取值和赋值 操作行间样式 // 获取div的样式 $("div").css("width"); $("div").css...

2018-08-01 15:35:49

阅读数:37

评论数:0

117.Python修炼之路【122-前端-JQuery选择器】2018.08.01

jquery选择器 jquery用法思想一  选择某个网页元素,然后对它进行某种操作 jquery选择器  jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。 $(document) //选择整个文档对象 $('li') //选择所有的l...

2018-08-01 14:43:20

阅读数:8

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭