随笔分类 - JavaScript
摘要：ajax一个前后台配合的技术，它可以让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。jquery将它封装成了一个函数$.ajax()，我们可以直接用这个函数来执行ajax请求。 ajax需要在服务器环境下运行。
阅读全文
摘要：json json是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式对象，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。 json数据对象类似于JavaS
阅读全文
摘要：javascript中的对象，可以理解成是一个键值对的集合，键是调用每个值的名称，值可以是基本变量，还可以是函数和对象。 创建javascript对象有两种方法，一种是通过顶级Object类来实例化一个对象，然后在对象上面添加属性和方法： var person = new Object(); //
阅读全文
摘要：元素节点操作指的是改变html的标签结构，它有两种情况：1、移动现有标签的位置2、将新创建的标签插入到现有的标签中 创建新标签 var $div = $('<div>'); //创建一个空的div var $div2 = $('<div>这是一个div元素</div>'); 移动或者插入标签的方法
阅读全文
摘要：事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。 一般绑定事件的写法 $(function(){ $ali = $('#list li'); $ali.click(fu
阅读全文
摘要：什么是事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象
阅读全文
摘要：表单验证 1、什么是正则表达式： 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法：var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符 1）普通字符匹配：如：/a/ 匹配字符 ‘a’，/a,b/ 匹配字符 ‘a,b’ 2）转义字符匹配
阅读全文
摘要：jquery事件 事件函数列表： blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave
阅读全文
摘要：jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2、prop() 取出或设置某个属性的值 // 取出
阅读全文
摘要：jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写： $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .pare
阅读全文
摘要：fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 sho
阅读全文
摘要：数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。 一、定义数组的方法 //对象的实例创建 var aList = new Array(1,2,3); //直接量创建 var aList2 = [1,2,3,'asd']; 二、操作数组中数据的方法 // 1、获取数组的
阅读全文
摘要：jquery动画 通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。 /* animate参数： 参数一：要改变的样式属性值，写成字典的形式 参数二：动画持续的时间，单位为毫秒，一般不写单位 参数三：动画曲线，默认为‘swing’，缓冲运动，
阅读全文
摘要：绑定click事件 给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this) }) 获取元素的索引值 有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index(
阅读全文
摘要：jquery用法思想二 同一个函数完成取值和赋值 操作行间样式 // 获取div的样式 $("div").css("width"); $("div").css("color"); //设置div的样式 $("div").css("width","30px"); $("div").css("heigh
阅读全文
摘要：jquery用法思想一 选择某个网页元素，然后对它进行某种操作 jquery选择器 1、jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。 $('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为m
阅读全文
摘要：jquery文档加载完再执行 将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(functi
阅读全文
摘要：jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系
阅读全文
摘要：封闭函数 封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数。 一般定义的函数和执行函数： function myalert(){ alert('hello!'); }; myalert(); 封闭函数： (function(){ alert('hello!
阅读全文
摘要：变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量。 1、全局变量：在函数之外定义的变量，为整个页面公用，函数内部外部都可以访问。2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。 <script type="text/javascri
阅读全文
浙公网安备 33010602011771号