上一页 1 2 3 4 5 6 7 ··· 9 下一页

jQuery(八)选择器与选择方法

摘要: 九、jQuery selector and selection method本节深入学习jQuery的选择器语法,以及用来改善和增加选择元素的多个方法。1、jQuery选择器选择器语法有三层。第一层是简单的选择器,如"#test","div", "div.note";第二层是用连接符连起来的简单选取器,如:"div.noet>p";第三层是由多个第一层或者第二层选择器用逗号分隔的列表,形成一个选择器组。最通常的用法是把选择器组传递到$选择函数中。(1) 简单选择器一个简单选择器是以一个tag类型开始的(显式或 阅读全文
posted @ 2013-11-29 16:34 leungrs 阅读(610) 评论(0) 推荐(0) 编辑

jQuery(七)UI库

摘要: 八、The jQuery UI LibraryjQuery本身仅仅提供核心的DOM,CSS,事件处理,Ajax功能。这些为构建高级别的抽象,比如UI部件,提供了完美的基础。jQuery UI库就是这样的抽象。这里我们就简单的介绍下jQueryUI库,更详细的资料可以在http://jqueryui.com上查看文档说明。jQueryUI库定义了很多的UI部件:有自动完成功能的输入框,日期选择器,组织信息用的折叠卡或者选项卡,滑动条和滚动条,模态对话框等。除了这些部件以外,jQueryUI库实现了更通用的交互性,它可以很容易地使文档中的任意元素能够被拖放,改变大写,排序和选择。最后jQueryU 阅读全文
posted @ 2013-11-28 15:21 leungrs 阅读(496) 评论(0) 推荐(0) 编辑

jQuery(六)插件扩展

摘要: 七、Extending jQuery with Plug-injQuery是很容易通过插件来扩展它的的功能的,在http://plugins.jquery.com上可以找到很多这样的插件。你可以很容易地编写自己的插入,诀窍就是认识到jQuery.fn是所有jQuery对象的原型对象,在这个原型对象上增加一个方法,那个方法就成为了jQuery对象的方法。如:jQuery.fn.println=function(){var msg=Array.prototype.join.call(arguments," ");return this.each(function(){jQuer 阅读全文
posted @ 2013-11-28 14:34 leungrs 阅读(243) 评论(0) 推荐(0) 编辑

jQuery(五)Ajax

摘要: 六、jQuery with AjaxAjax是web应用的编程技术,它使用HTTP脚本来按需请求数据而不会导致页面刷新。Ajax在现代的Web应用中非常的重要,jQuery也包含了Ajax的一些实用工具使它的使用更加简单。jQuery定义了1个高级别的实用方法(load),4个高级别的实用函数(getScript,getJSON,get,post)。这些高级别的方法或函数都是基于一个低级别的函数jQuery.ajax(). 接下来,我们首先了解高级别的方法和函数,然后对jQuery.ajax()进行详细地说明,虽然也许我们不会显示直接地使用jQuery.ajax(),但是理解它对于全面理解这些 阅读全文
posted @ 2013-11-27 17:33 leungrs 阅读(414) 评论(0) 推荐(0) 编辑

jQuery(四)动画效果

摘要: 五、动画效果Animated EffectsjQuery的动画效果框架定义了一些简单的动画效果方法,如fadeIn(),fadeOut,也定义了更通用更复杂的动画方法animate。首先了解下jQuery框架动画效果框架的一些通过特性:a. 效果有一个持续时间,可以是一个毫秒为单位的数值,也可以是一个字符串,如"fast"表示200ms,"slow"表示600ms,如果使用的字符串jQuery不识别,使用默认的400ms;我们可以定义自己的字符串表示不同的持续时间,方法是:jQuery.fx.speeds["yourname"]=nu 阅读全文
posted @ 2013-11-25 18:06 leungrs 阅读(539) 评论(0) 推荐(0) 编辑

jQuery(三)事件处理

摘要: 五、用jQuery处理事件事件的处理的一个难点就是IE浏览器和其他的浏览器的事件API不同,为了解决这个难题,jQuery定了一个统一的事件API在所有浏览器都可以工作,这个API比标准的事件API和IE定义的API更加容易使用,也比标准的API更加的强大。1、简单的事件处理器注册方法如:$("p").click(function(){$(this).css("backgroud-color","gray");});这种方式比一个一个地给p元素使用addEventListener()或者attachEvent()注册事件要方便多了。j 阅读全文
posted @ 2013-11-22 17:37 leungrs 阅读(364) 评论(0) 推荐(0) 编辑

jQuery(二)文档结构修改

摘要: 四、修改文档结构1、插入和替换元素(1)语法1:$(target).method(content),对应有五个method,分别为:append() //在目标元素的末尾添加内容,如: $("#log").append(""+message);prepend() // 在目标元素的开始添加内容,如: $("h1").prepend("§");before() //在目标元素的前面添加内容,如:$("h1").before("");after() //在目标元素的前面 阅读全文
posted @ 2013-11-22 15:27 leungrs 阅读(255) 评论(0) 推荐(0) 编辑

Backbone.js框架学习(二)

摘要: 四、Backbone.Collection 阅读全文
posted @ 2013-11-18 16:03 leungrs 阅读(156) 评论(0) 推荐(0) 编辑

Backbone.js框架学习(一)

摘要: 一、简介 当开发涉及到大量JavaScript的web应用的时候,你的第一件事就是学会把数据与界面分开。使用JavaScript创建应用,最终很容易导致应用中存在很多杂乱无章的jQuery选择器以及回调函数,这些函数都是用来维护数据在Html UI,Javascript逻辑以及服务器数据库之间的同步。对于一个富客户端的应用来说,一个更加结构化的方法会更加有益。 Backbone把数据用模型表示(models),模型可以被创建,验证,销毁以及保存到服务器。无论何时一个UI行为导致模型的一个属性被更改,模型将触发一个change事件,所以显示该模型状态的视图(view)将会收到这个change事件 阅读全文
posted @ 2013-11-18 15:26 leungrs 阅读(290) 评论(0) 推荐(0) 编辑

HTML forms

摘要: 一、概述html 的form元素以及form中的输入元素,如input, button, select等在客户端编程中占有很重要的位置。form起源于web之初,先于javascript存在。form元素获取用户的输入,并把输入提交到服务器,服务器生成新的页面返回给客户端显示。HTML 元素Type 属性事件处理器 描述 or "button"onclick按钮"checkbox"onchange复选按钮"file"onchange输入要上传到服务器的文件名的控件,value属性是只读的"hidden"none上传 阅读全文
posted @ 2013-11-15 14:38 leungrs 阅读(176) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 9 下一页