摘要: ajax一个前后台配合的技术,它可以让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。jquery将它封装成了一个函数$.ajax(),我们可以直接用这个函数来执行ajax请求。 ajax需要在服务器环境下运行。 阅读全文
posted @ 2019-08-23 14:48 zeug 阅读(174) 评论(0) 推荐(0) 编辑
摘要: json json是 JavaScript Object Notation 的首字母缩写,单词的意思是javascript对象表示法,这里说的json指的是类似于javascript对象的一种数据格式对象,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。 json数据对象类似于JavaS 阅读全文
posted @ 2019-08-23 14:34 zeug 阅读(152) 评论(0) 推荐(0) 编辑
摘要: javascript中的对象,可以理解成是一个键值对的集合,键是调用每个值的名称,值可以是基本变量,还可以是函数和对象。 创建javascript对象有两种方法,一种是通过顶级Object类来实例化一个对象,然后在对象上面添加属性和方法: var person = new Object(); // 阅读全文
posted @ 2019-08-23 14:31 zeug 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 元素节点操作指的是改变html的标签结构,它有两种情况:1、移动现有标签的位置2、将新创建的标签插入到现有的标签中 创建新标签 var $div = $('<div>'); //创建一个空的div var $div2 = $('<div>这是一个div元素</div>'); 移动或者插入标签的方法  阅读全文
posted @ 2019-08-23 14:29 zeug 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li'); $ali.click(fu 阅读全文
posted @ 2019-08-23 14:27 zeug 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象 阅读全文
posted @ 2019-08-23 14:25 zeug 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 表单验证 1、什么是正则表达式: 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符 1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’ 2)转义字符匹配 阅读全文
posted @ 2019-08-23 14:23 zeug 阅读(132) 评论(0) 推荐(0) 编辑
摘要: jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave 阅读全文
posted @ 2019-08-23 14:20 zeug 阅读(101) 评论(0) 推荐(0) 编辑
摘要: jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2、prop() 取出或设置某个属性的值 // 取出 阅读全文
posted @ 2019-08-23 14:18 zeug 阅读(114) 评论(0) 推荐(0) 编辑
摘要: jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写: $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .pare 阅读全文
posted @ 2019-08-23 14:15 zeug 阅读(248) 评论(0) 推荐(0) 编辑
摘要: fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 sho 阅读全文
posted @ 2019-08-23 14:13 zeug 阅读(133) 评论(0) 推荐(0) 编辑