|
随笔 - 3458, 文章 - 0, 评论 - 739, 阅读 -
1188万
|
||
随笔分类 - 【24】jQuery学习及应用
摘要：1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还...
阅读全文
posted @ 2009-02-20 09:22
摘要：昨天群里一个朋友 问了一些关于jquery 操作checkbox的问题，今天写了一个小小的例子，供大家参考 例子里面包括了一下几个功能。 代码 New Document checkbox1 checkbox2 ...
阅读全文
posted @ 2009-02-19 13:37
摘要：jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 2.下面来看怎么取得FORM中的各种值等等; function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value");//或...
阅读全文
posted @ 2009-02-19 13:37
摘要：jquery操作table的一个简单示例，仅做参考，具体可以根据原javascript操作table的操作更改为jquery操作方式。 选择 增加一行↑ 复制 此行↓ 删除
阅读全文
posted @ 2009-02-19 09:29
摘要：有必要获取表单内各input元素的数据，然后用ajax方法以POST方式提交给服务器。如果input元素有ID属性，假设是，可以这样获取： var writervalue=$(”#writer”).val(); 再来一个按扭吧，点击按钮后POST到ok.php去。 先不考虑用submit提交表单，因为有jquery的Form插件可以近乎完美地完成表单的提交。这是个很强大的插件…… 大功告成...
阅读全文
posted @ 2009-02-17 09:25
摘要：Google阅读器上有一个AJAX效果很不错，就是阅读项目时不需要翻页，浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来，一直到所有项目加载完为止。对于我来说再好不过了，因为我很不喜欢翻页，尤其是输入页码再定位到页。要知道，数据量增加很频繁时，要通过定位页码来找到目标数据似乎并没有什么意义。我觉得用户体验成熟的WEB应用程序应当引导用户使用TAG或搜索等功能来找到目标数据。至于浏览数据，尤其...
阅读全文
posted @ 2009-02-17 09:25
摘要：首先要感谢木野狐，解决了EasyDrag这个Jquery插件没有指定拖动的handle的问题。这可是个大问题，尽管EasyDrag是个非常轻巧又实用的插件，但没有拖动的handle使我决定放弃它而选用臃肿的interface。那是多么痛苦的选择…… EasyDrag可以指定DOM中某个元素，使其可以用鼠标进行拖放操作。假设DOM中有一个元素：Drag me…。那么这样让它支持拖放： $(”#box...
阅读全文
posted @ 2009-02-17 08:48
摘要：效果在这里！点击数据项就可以进行编辑。最常看到这样的效果是在Flickr上（被河蟹很久了），要修改图片说明点一点就可以操作。我试着用jquery来实现这个功能…… 假设DOM上已经存在下面的元素： boho boho.net@gmail.com http://www.lzby.net/boho/blog data_div_1，data_div_2，data_div_3元素都接受点击事件，并执行ed...
阅读全文
posted @ 2009-02-16 21:43
摘要：学习jquery的过程本身就是问与答。下面根据实际解决5个问题。 我怎样用jQuery放大和缩小文本 先看看效果有几种方法实现，我们只专注于其中的一种。首先，我们添加的一些简单的标记： This is some text. This is some text. This is some text. This is some text. This is some text. This...
阅读全文
posted @ 2009-02-16 17:05
摘要：我知道最近我大多数的文章都在关注jQuery，对于那些不了解或没兴趣的人，我真要劝你们还是花几个小时在它上面吧。jQuery留给我许多值得兴奋的回忆（至少关于WEB的）。我肯定你会从不少人那里听到取笑jQuery的声音……不必担心不同的浏览的修正问题（我很讨厌）;不必再去为了只修改一个元素而动用数十行的代码。jQuery安排好了一切。如果你仍然不服气，为什么不去读一读《为什么你不用jQuery》呢...
阅读全文
posted @ 2009-02-16 09:18
摘要：jQuery 最好的地方在于其方便的插件机制了，而且网上有很多人在贡献有用的插件，但是插件太多，不熟悉的朋友选择起来可能会比较费事。我觉得有必要开此一贴，收集大家一些常用的好插件，最好稍作点评，以供他人参考。 我先列几个我常用的，请大家踊跃补充。此帖旨在抛砖引玉。 ifixpng: 用于修正 IE 6.0 不支持透明 PNG 图片的，很方便，可以用于 和 png 作为背景的元素，只要 $("选...
阅读全文
posted @ 2009-02-15 15:59
摘要：jquery技巧总结 一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 j...
阅读全文
posted @ 2009-02-15 15:55
摘要：尽管jQuery选择器能给我们灵活的方法识别出DOM中的复杂的元素，并能加以设置。但有时一些匹配条件却不能很好地用表达示表达出来。考虑到jQuery强有力的方法集合，我们期望调整匹配表达示和方法集合这两者之间的关系来解决这个问题。 某些情况下，jQuery提供的方法不会基于匹配的元素之上，但又可以与本身进行匹配相关的设置。比如: add(表达示) 表达示可以是一个选择器表达示，它将得到一个相匹配的...
阅读全文
posted @ 2009-02-14 17:50
摘要：jQuery选择器是什么？ jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的CSS语法快速轻松地对页面进行设置。了解jQuery选择器是打开高效开发jQuery之门的钥匙。一个典型的jQuery选择器句法形式： $(selector).methodName(); selector是一个字符串表达示，用于识别DOM中的元素，然后使用jQuery提供的方法集合加以设置。...
阅读全文
posted @ 2009-02-14 17:50
摘要：前言 上篇主要介绍JQuery的核心函数的原理机制，这篇将开始介绍jQuery对象访问和数据缓存原理，主要内容包括： 分析 一、jQuery对象访问 1. 【each(callback)】 例子： HTML代码 jQuery代码 运行结果 $("img"...
阅读全文
posted @ 2009-02-14 15:42
摘要：前言 Jquery(http://jquery.com/)是一个轻量级，快速简洁的Javascript框架，它的容量小巧，简洁和简短的语法，容易记；用户能更方便地处理HTML DOM、Events、实现动画效果，并且提供Ajax的支持。目前最新版本为 jQuery 1.3.1（http://jqueryjs.googlecode.com/files/jquery-1.3.1.js），这系列文章将...
阅读全文
posted @ 2009-02-14 15:41
摘要：jQuery Validation是一个强大的数据验证插件，该插件支持“validation rule”即验证规则，规则将对表单内的输入控件进行控制或约束，譬如“本项必填”，“本项不能少于n个字符”，或者“这不是一个有效的email地址” 等等。这些规则大多数和asp.net本身的验证控件类似。遗憾的是asp.net本身的验证控件不能在MVC框架下工作，因为服务器端控件受页面的 ViewState...
阅读全文
posted @ 2009-02-14 15:22
摘要：jQuery虚拟键盘 非常适用于在公共场所输入密码，极高的用户体验。查看或下载插件。 在IE中显示文字阴影 查看教程 快速搜索 可以快速定位数据表格。下载插件。 滑动门 菜单动画以及华丽的滑动门效果。下载插件。 日期选择器 下载插件。 精美的提示信息 下载插件。 FaceBox 是一个类似FaceBook样式的lightbox，可以显示图片，div，甚至整个页面。下载插件。 Colo...
阅读全文
posted @ 2009-02-14 15:06
摘要：Jquery Form Plugin是jquery最重要的插件之一，它利用AJAX技术在不引起页面刷新的情况下POST表单。主要有两个方法：ajaxform和ajaxsubmit。它会自动收集表单元素内容，决定如何管理提交进程。这两个方法支持多重选择。我想AJAX方式的表单应用再没有比这个插件更简单易用的了。 先在页面里设置一个普通的表单： PLAIN TEXT HTML: ...
阅读全文
posted @ 2009-02-14 14:16
摘要：Aquaron包含了10个相当不错的jQuery插件。并附有源代码，实例和详细的开发文档。 post插件——简单地实现AJAX提交数据功能。 PLAIN TEXT JavaScript: $.post('/script.cgi', 'q=searchstring', function($j) { var _o = eval($j); ...
阅读全文
posted @ 2009-02-14 11:13
|
||
