JQuery
文章平均质量分 65
iteye_4921
这个作者很懒,什么都没留下…
展开
-
JQuery实现本地文件的读取、文件内容的复制
1. 用Jquery实现读取文件的内容(2个Json类型的文件),并将文件内容复制到另一个文件中。(另一个Json文件中) (附近代码中的combine_files.html) 2. 检查生成的Json文件是否正确, 即是否所有的文件内容都被复制了(check_correct.html), 这个文件只是简单的检查一下你源文件的个数和生成新的文件中,数组里面元素的个数,如果元素相等,说明...2013-06-04 15:32:53 · 2945 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十五)Jquery HTML之“删除元素”
jQuery - 删除元素通过 jQuery,可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素...原创 2013-07-14 23:52:57 · 85 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十六)Jquery HTML之“获取并设置 CSS 类”
jQuery - 获取并设置 CSS 类通过 jQuery,可以很容易地对 CSS 元素进行操作。 jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类...原创 2013-07-14 23:53:53 · 180 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十七)Jquery HTML之“css() 方法”
jQuery - css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:实例$("p").css("background-color");亲自试一试...原创 2013-07-15 08:33:22 · 148 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十八)Jquery HTML之“尺寸”
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸 方法jQuery 提供多个处理尺寸的重要方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery width() 和 height() 方法width() 方法设置或...原创 2013-07-16 09:54:19 · 74 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十九)Jquery Ajax之“Ajax简介”
jQuery - AJAX 简介AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用...原创 2013-07-16 09:55:03 · 126 阅读 · 0 评论 -
Jquery, JS遍历JSON数组 - HTML5
怎样使用Jquery,或者是最简单的JS来遍历一个JSON数组。 <!--HTML5 tag--><!DOCTYPE html><html lang="en"><head> <!--Bring in jquery--> <script type="text/ja2013-07-24 21:54:59 · 253 阅读 · 0 评论 -
jQuery模板 :(一) 被纳入Jquery 插件,轻量强大但去遭到废弃的tmpl
一、在深入学习jQuery模板的细节之前,先了解一下jQuery模板的来历是有益的。 jQuery模板是在2010年3月着手开发的,当2010年5月John Resig发布了一个jQuery模板的原型时,Boris Moore正在开发一个类似的插件。他的工作分支最终合并到主流的jQuery官方插件中。随着对该插件的继续开发,最终达到了beta阶段。 在...2013-07-27 08:36:21 · 215 阅读 · 0 评论 -
jQuery模板 :(二) JSRender之内置的模板标签
前言:Jquery UI团队在决定废弃原有的模板解决方案tmpl后(http://josh-persistence.iteye.com/admin/blogs/1914231),Query Template插件的驱动力--Boris Moore--与jQuery UI团队一起,继续开发新的jQuery模板。在2011年10月,Moore发表了一篇博客(http://www.borismoo...2013-07-28 23:15:09 · 509 阅读 · 0 评论 -
jQuery模板 :(四) JSRender之渲染模板
在JsRender中,是通过调用方法render()来渲染模板的。 JsRender中,有三种方式调用render()方法来渲染模板。1) 如果已经存在一个template的对象,则可以使用template.render(...)<table><tbody id="person"></tbody></table><s...2013-07-28 23:53:01 · 570 阅读 · 0 评论 -
jQuery模板 :(五) JSRender之编译,注册,获取模板
一、在jsRender中,如果想要创建一个模板,那么需要提供一个template的标记(markup),JsRender会将该标记转换或者编译成一个javascript的函数,即"render"方法。实际上,为了方便我们开发者,JsRender会为我们创建一个template对象,该对象具有一个template.render()方法。 二、有两种方式创建template。1. 传入...2013-07-29 00:26:44 · 325 阅读 · 0 评论 -
JQuery模板 :(六)JsViews - 基于JsRender并具有动态绑定功能的模板
一、什么是JsViews:1) 下一代MVVM框架,兼具MVVM的特性和JavaScript的特性,使JsRender模板更加快捷和简单。2) JsViews框架引入了声明式的数据绑定到JsRender Template,支持MVVM和MVP(自定义标签控制)。3)是一个用于数据绑定的单page的app。4)JsViews提供了动态绑定的功能,构建与JsRender模板之上。让...2013-07-30 18:22:03 · 2201 阅读 · 0 评论 -
JQuery模板 :(七)JsRender中的转换器
一、什么是转换器? 在JsRender中,转换器是一种方便的处理数据或者是格式化数据的快捷方式,也是一种评估表达式的结果的是重要方式。例如:{{html:movie.description}} - 对数据进行Html的encode{{url:getTheFilePath()}} - 对URL进行encode {{daymonth:invoice.date}} - 对日期...2013-07-30 22:43:49 · 535 阅读 · 0 评论 -
JQuery模板 :(八) JsRender中的转换器之常用的3个内置转换器
第一个常用内置转换器: $.views.converters.html() $.views.converters.html()是内置的HTML编码器,像这样使用:var myHtmlEncodedString = $.views.converters.html(myString);除了这种方式外,也可以使用如下的两种方式来声明一个converter{{html:myExpre...2013-07-30 23:18:52 · 331 阅读 · 0 评论 -
JQuery模板 :(九) JsRender之JsViews中的JsObserverable
一、什么是JsObserverable:JsObservable library 是JsViews的一部分,用于在JsViews中提供数据绑定的功能。同样允许JsViews的应用触发数据的变化,使用程序的方式(JsObserverable API)来“观察”数据的变化以实现数据绑定功能,数据是observerable(可视的)意思是该数据(可视数据)的变化会引起与之绑定的template中...2013-07-31 21:57:28 · 653 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十四)Jquery HTML之“添加元素”
jQuery - 添加元素通过 jQuery,可以很容易地添加新元素/内容。 通过 jQuery,可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容bef...原创 2013-07-14 23:29:54 · 1076 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十三)Jquery HTML之“设置内容和属性”
jQuery - 设置内容和属性设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设...原创 2013-07-14 23:28:55 · 85 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (一) 认识、安装并开始使用Jquery
注:从第一章到最后一章都是在W3school及其Jquery官方教程基础上,在对这些网络教程提供的一些实例进行验证的基础上,调优并加入自己心得后所得。并将在最后一章中附上所有进行验证过后的源代码, 敬请期待。 参考资料:英文不太好的朋友可以使用w3school的参考资料:http://www.w3school.com.cn/jquery/jquery_reference.asp...2013-07-07 20:29:50 · 108 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (二) Jquery的核心语法
jQuery 基本核心语法通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。jQuery 语法实例$(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数,隐藏 id="test" 的元素。$...2013-07-07 20:38:41 · 101 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (三) Jquery的选择器
jQuery 选择器选择器允许您对元素组或单个元素进行操作。 jQuery 选择器在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作...原创 2013-07-08 08:52:31 · 95 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (四) Jquery中的事件
jQuery 事件jQuery 是为事件处理特别设计的。 jQuery 事件函数jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。通常会把 jQuery 代码放到 <head>部分的事件处理方法中:实例<html>...原创 2013-07-08 08:52:52 · 81 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (五)Jquery效果之“隐藏与显示”
jQuery 效果 - 隐藏和显示实例jQuery hide()演示一个简单的 jQuery hide() 方法。jQuery hide() 另一个 hide() 演示。如何隐藏部分文本。jQuery hide() 和 show()通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:$("#hide"...原创 2013-07-09 12:39:10 · 72 阅读 · 0 评论 -
query简单入门到精通细节 - (六)Jquery效果之“淡入与淡出”
jQuery 效果 - 淡入淡出通过 jQuery,您可以实现元素的淡入淡出效果。 实例jQuery fadeIn()演示 jQuery fadeIn() 方法。jQuery fadeOut()演示 jQuery fadeOut() 方法。jQuery fadeToggle()演示 jQuery fadeToggle() 方法。jQuery fadeTo...原创 2013-07-09 12:39:27 · 219 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (七)Jquery效果之“滑动”
jQuery 效果 - 滑动实例jQuery slideDown()演示 jQuery slideDown() 方法。jQuery slideUp()演示 jQuery slideUp() 方法。jQuery slideToggle() 演示 jQuery slideToggle() 方法。jQuery 滑动方法通过 jQuery,您可以在元素...2013-07-09 22:07:31 · 103 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (八)Jquery效果之“动画”
jQuery 效果 - 动画jQuery animate() 方法允许您创建自定义的动画。 jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选...2013-07-09 22:26:26 · 95 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (九)Jquery效果之“停止动画”
实例jQuery stop() 滑动演示 jQuery stop() 方法。jQuery stop() 动画(带有参数)演示 jQuery stop() 方法。jQuery stop() 方法jQuery stop() 方法用于停止动画或效果,在它们完成之前。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。语法$...原创 2013-07-10 00:42:46 · 74 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十)Jquery效果之“Callback 函数”
jQuery Callback 函数jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子:$("p").hide("slow")speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。实例$("button").cl原创 2013-07-10 00:43:11 · 76 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (二十)Jquery Ajax之“AJAX load() 方法”
jQuery - AJAX load() 方法jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一...2013-07-10 17:10:08 · 94 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (二十一)Jquery Ajax之“Get和Post方法”
jQuery - AJAX get() 和 post() 方法jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET...2013-07-10 17:24:20 · 256 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十一)Jquery效果之“Chaining”
通过 jQuery,您可以把动作/方法链接起来。Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)。jQuery 方法链接直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。提示:这样的话,浏览器就...原创 2013-07-12 08:27:49 · 86 阅读 · 0 评论 -
Jquery简单入门到精通细节 - (十二)Jquery HTML之“获得内容和属性”
jQuery - 获得内容和属性jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。提示:DOM = Document Object Model(文档对象模型)DOM 定义访问 HTML...原创 2013-07-12 08:28:19 · 163 阅读 · 0 评论 -
Jquery - Ajax Call的中文乱码问题
在Java中,有时会碰到奇怪的中文乱码问题,无论是在web.xml中设置相关的utf-8/gbk2312 filter,还是在js中或者在java中进行编码的encode和decode都会出现中文乱码问题。如下代码所示:function loadParentOrg() { var url = "getOrgsByLevel.patrol?level=中文"; ...2014-12-16 21:55:21 · 181 阅读 · 0 评论