2015年08月_xiaobozhu

原创 jquery入门

jquery入门jquery是一个JavaScript框架，或者说轻量级的JavaScript库，极大地简化了js开发。zend studio是一个理想的开发工具，通过安装aptana插件，可以成为开发神器。同时这个软件还很好地支持了zend框架。别的不多说，先来一个入门小案例[前提是引入jquery库]。第一个简单的jQuery实例： $(document).re

2015-08-18 15:53:56 435

原创 jquery实现选项在两个下拉列表之间选择性移动的功能

jquery实现选项在两个下拉列表之间选择性移动的功能jquery的强大是不言而喻的，你可以发挥自己创意的大脑，编写出各种各样奇妙的效果，下面是两个下拉列表，这里面的选项可以在两者之间通过按钮选择，进行移动，这也是一个很实用的功能，在你的网页中不妨设计一个看看效果。选择移动BODY{ font-size:12px; ma

2015-08-18 15:27:23 3770

原创 jquery实现文本框默认值功能

jquery实现文本框默认值功能文本框是页面中使用最为频繁的表单元素之一，熟练地做一个智能的文本框可不是你想象的那么简单，下面就让源码来告诉你如何写好文本框的默认值。 XXX div,span{ width: 140px;

2015-08-18 15:08:22 2347

原创 jquery实现复选框的全选与反选

jquery实现复选框的全选与反选复选框的全选和反选功能，是页面中常常会用到的功能，你是否可以很轻松地实现呢？下面是用jquery语法实现的这个实用的小功能。 UntitledDocument

2015-08-18 14:54:34 780

原创 jquery实现表单逐条登记，一次性提交功能

jquery实现表单逐条登记，一次性提交功能表单form的提交，大多数都是填写一条记录，就提交一次，这样就会频繁操作持久层，如果我们想一次性填写多条记录，然后再一次性提交给持久层，这样的功能你可以实现吗？下面就是这样的一个小案例。添加用户

2015-08-18 14:47:43 1535

原创 jquery与ajax的整合

jquery与ajax的整合jquery是一个经典的js框架，ajax又是以js为核心的多语言异步刷新技术，那么两者结合，各自发挥所长，必定威力巨大，我们一般会选择用ajax实现前台与后台的数据传递，而用jquery技术实现对dom的各种操作。jquery为简化ajax引擎的创建和业务逻辑，提供了三种可选的方式，post()是最为常用的方式，load()需要用一个jquery对象调用，且返回结

2015-08-18 14:03:29 1312

原创 jquery的dom操作

jquery的dom操作jquery的强项在于对DOM的操作，在一定程度上大大简化了js的编写，它可以分为xml dom、html dom和css dom，下面简单的代码段演示一些基本的操作，属性样式的改变以及对结点的各种操作。【1】样式属性l 增删换判样式/属性//给id 为first的元素添加 .one 样式$('#b1').click( fu

2015-08-18 13:45:11 388

原创 jquery选择器

jquery选择器要想用好jquery,扎实的选择器基础是必不可少的，下面我想总结了易于混淆的符合的用法，然后又根据内容分类给出了详细的选择器用法，经供参考。【1】易于混淆的选择符号l 逗号“,” 代表并列“和”例如：改变所有的元素和id为two的元素的背景色$(‘span,#two’).css(“background”,”#3399FF”);

2015-08-18 13:05:39 529

原创 jquery对象与dom对象的相互转化

jquery对象与dom对象的相互转化jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法；jQuery一般用$打头，且以数组形式存储；两者之间可以相互转换：l 原本是DOM对象var obj1=document.getElementById(“test”);window.alert(ob

2015-08-18 11:44:44 773

原创 AJAX黄金价格实时图

AJAX黄金价格实时图实现局部刷新是很重要，也是很流行的一种做法，如果你不能做到这一点，那可就lower了哦，下面我们通过一个简单的实例来讲解局部刷新，更新数据，并配合一点业务逻辑的局部刷新功能，需要说明的是本例中数据是随机产生的，而在具体的开发中，数据是需要从后台获取的。l 前台代码GoldPrice.php var myXmlHttpR

2015-08-12 08:43:33 1123

原创 AJAX实现省市联动

AJAX实现省市联动用AJAX来实现一些经典的功能，对于学习它是非常有帮助的，下面通过经典的省市联动功能来感受AJAX无刷新技术带来的魅力。l 前台页面代码showCities.php省市联动//创建ajax引擎 functiongetXmlHttpObject(){ varxmlHttp

2015-08-11 18:41:55 1020

原创 AJAX返回的三种数据格式

AJAX返回的三种数据格式 ajax是一种由多种语言共同组成的解决方案，特别是对JavaScript的应用，从后台可以向前台返回三种常见的数据格式，即HTML[文本格式]，XML通用格式，JSON格式；下面举例说明从后台动态php页面向前台JavaScript传值。HTML[文本格式]l 后台PHP页面[check.php]注意：header("Conte

2015-08-11 15:25:01 11200

原创 AJAX入门经典小案例_验证用户名

AJAX入门经典小案例_验证用户名AJAX指的是异步的JavaScript和XML，是一种集成多种语言的脚本，得到了广泛的应用，原理在于随页面在浏览器端创建了ajax引擎，使得表单都经过了这个引擎的中转处理，同时服务器端也积极配合，用echo就可以将结果直接返回给引擎。下面就用一个最常见的用户名的验证小案例展示ajax的应用。l login.php源代码登

2015-08-08 20:57:05 886

原创 LAMP开发环境的搭建

LAMP开发环境的搭建 Linux系统的简洁稳健性，以及其它很多的优势使得它更适合作为大型服务器的载体，然而它的不便之处也是显而易见的，开发环境的搭建就相对比较麻烦，安装软件常用的有rpm二进制系统软件安装方式和tar源文件解压缩安装方式。系统软件很多时候不能满足开发的需要，所以我们选择自己从网络上下载tar压缩包，自定义的组合安装，安装顺序上应该先安装MySQL、Apache，再

2015-08-08 11:16:41 535

原创 Linux使用入门

Linux使用入门Linux的学习的秘诀就是实践，多用多练，自然就熟练了。首先讨论一下引导系统l 它的配置文件可以控制到底启动哪个操作系统[若有多个系统]，那我们来看一下它的配置文件/boot/grub/grub.conf，其中default=0代码默认启动的操作系统，Timeout可以设置启动时等待的时间。l GRUB的密码如果不设定，那是不安全

2015-08-07 21:25:54 342

原创为Google浏览器的开发人员工具叫好

为Google浏览器的开发人员工具叫好工欲善其事必先利其器，浏览器F12开发人员工具就是威力无比的神器。下面就分别从页面视觉调试、JS调试、网络调试三个方面简单介绍开发人员工具的使用。页面视觉调试l 点击键盘上“F12”按键进入调试工具l Elements：查看并编辑HTML（双击或是右键选择，拖动重排）l Styles:查看并修改内联

2015-08-05 14:37:26 570

原创扎实的WEB前端基础

扎实的WEB前端基础要搞开发，善于使用手册，善于调试是很重要的。然后再加上扎实的基本功，就可以有所进步。下面探讨几个很基础但很重要的问题：1.内联元素与块元素的特点与区别[1]常见内联元素[一般基于语义]：img、select、textareal 相邻的内联元素会排列在同一行里，当一行排不下，才会换行l 其宽度随元素的内容而变化，且设置width,

2015-08-04 18:56:41 833

xiaobozhu的博客