O鹏M 的专栏

由于要在OA上开发一个图表模块，用于统计，显示公司各部门的业绩。开始接触JQ的图表插件，最后选择了JQCharts，因为它相对简单，且功能也强大。虽然官网上有一些实例，可相对过于简单，下面以一个我自己的完整实例来做介绍。    如何从数据库取数-----后台生成XML文档----设定一些基本参数----前台显示图表 (读取XML文档) 设定数据表中有18个字段，ID号，部门ID号，

jQuery实现自动提示的文本框body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:5px;}form{padding:0px; margin:0px;}input{ /* 用户输入框的样式 */ font-family:Arial, Helvetica, sans-serif; f

自动校验的表单form{ padding:0px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}input{ border:1px solid #004082; font-size:12px; font-family:Arial, Helvetica, sans-serif;}-->$(function

改进AJAX学习笔记之 客户端请求方式 get 和post 模式实例： 14-5.html：GET VS. POSTfunction createQueryString(){ var firstName = encodeURI($("#firstName").val()); var birthday = encodeURI($("#birthday").val()); //组合成对象的

先看一个普通的实例：14-1.html：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Ajax获取数据过程var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObject)  xmlHttp = new ActiveXObject("Microsoft

1.基本选择器(3种): $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签节点 上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.

选择器：$("h2 a") 选择 下的 a标记。$("#id")  ID选择器$(".class") 类别选择器$("p:odd")  所以位于奇数行的标记  :odd  :even$("td:nth-child(1)") 所有表格行的第一个单元格实例：属性选择器.myClass{ /* 设定某个CSS类别 */ background-color:#005890; co

我们来看看有关Ajax请求的相关函数。      jQuery.ajax(options)      通过 HTTP 请求加载远程数据。      jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。      $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。      $.

在get vs post 上修改而来，只更改14-5.html到14-6.html：如下 $.ajax()方法function createQueryString(){ //必须两次编码才能解决中文问题 var firstName = encodeURI(encodeURI($("#firstName").val())); var birthday = encodeURI(encode

toggle(f1,f2); 实例：toggle()body{ /* 设置背景图片，以突出透明度的效果 */ background:url(bg1.jpg); margin:20px; padding:0px;}img{ border:1px solid #FFFFFF;}-->$(function(){ $("img").toggle(  function(oEvent){   $(

伸缩的菜单，用jQuery重写body{ background-color:#ffdee0;}#navigation { width:200px; font-family:Arial;}#navigation > ul { list-style-type:none;    /* 不显示项目符号 */ margin:0px; padding:0px;}#navigation > ul > li { 

hover()方法body{ /* 设置背景图片，以突出透明度的效果 */ background:url(bg1.jpg); margin:20px; padding:0px;}img{ border:1px solid #FFFFFF;}-->$(function(){ $("img").hover(  function(oEvent){   //第一个函数相当于mouseover事件监听   

trigger(eventType)函数 实例：事件触发input{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0px; padding:4px; border:1px solid #002b83;}div{ font-family:Arial, Helvetica, sans-serif; fon

分别采用后   bing(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，                   unbing(eventType,Listener), 实例： unbind(eventType,listener)img{ border:1px solid #000000;}input{ b

本人在使用JQCharts 的过程中发现，对JQCharts 的一些属性设置中文（如，标题，XY轴名称等），JQCharts 将不显示这些内容，可是提示框（setTooltip）中又可以正常显示。不知为何。 介绍一些属性                     缘左填充距离.默认值为40 -->      缘左填充距离 默认值为8 -->                    

用js有三种获取地址栏参数的方法：方法一：script. type="text/javascript">String.prototype.getQuery = function(name) {　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");　　var r = this.substr(thi