随笔分类 - 【24】jQuery学习及应用
摘要：1，从google code加载jQuery google code已经集合了几个JavaScript库，我们可以从那里加载这些库而不必通过自己的服务器加载。这样的好处是节省带宽，如果用户访问过同样加载了这些库的网站后，JavaScript库会缓存在用户端，提高加载速度。 PLAIN TEXT JavaScript: 也可以直接声明一个指向： PLAIN TEX...
阅读全文
posted @ 2009-02-14 10:52
摘要：这个watermark 插件原理是使用一个label来显示在文本框前面，然后文本框获得焦点时隐藏，失去焦点时如果文本框有值则也隐藏，否则就显示。 经过使用，具体处理在设置字体方面有点问题外，其它比较有效。发上来给大家做参考。 http://files.cnblogs.com/lzhdim/jquery.watermark.rar
阅读全文
posted @ 2009-02-13 13:44
摘要：昨天写了个操作select下拉框的jquery插件，以后再涉及select时，利用这个插件就简单多了。和大家分享一下代码： //得到select项的个数 jQuery.fn.getSize = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelec...
阅读全文
posted @ 2009-02-12 09:38
摘要：查询被选中的option中的内容当然也可以用 alert($("#sel option[@selected]").text()); 稍微解释一下: select[@name='sel'] option[@selected] 表示具有name 属性，并且该属性值为’sel’ 的select元素 里面的具有selected 属性的option 元素；可以看出有@开头的就表示后面跟的是属性。 ...
阅读全文
posted @ 2009-02-11 18:36
摘要：级别： 中级 Jesse Skinner, Web 开发人员, Freelance 2007 年 5 月 16 日 jQuery 是一个JavaScript 库，它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XM...
阅读全文
posted @ 2009-02-11 09:22
摘要：在blueidea上看到lzyy发的这个帖子，发现不错就转过来了。 起因是在实践中发现输入框input的高度无法改变，他的四周都会有空隙，也就是说无论你怎么调整，当然只作用于IE，如果调整一下的话，FF下效果又不理想，没有什么好的解决方法，除非用图片，为了追求完美，模拟就模拟吧。 本人习惯用jQuery，于是就找到了nicejform，专门用来美化表单的jquery插件。（我知道坛子上有相关的文...
阅读全文
posted @ 2009-02-04 15:59
摘要：以下代码是jQuery在鼠标动作的时候进行的相应的操作，比如输入框获得焦点Jquery的，鼠标点击，鼠标划过的时候Jquery的效果
阅读全文
posted @ 2009-02-04 15:57
摘要：这个例子就是通过jquery对dom进行操作，达到动态的实现HTML变换的问题。 动态表格动态表单中的Jquery代码 jQuery的下面是动态表格动态表单中的HTML代码 开始日期 结束日期 单位名称 岗位名称 ...
阅读全文
posted @ 2009-02-04 15:56
摘要：1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jque...
阅读全文
posted @ 2009-02-04 15:55
摘要：jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好，很精彩的插件。写一个自己的jQuery插件是非常容易的,如果你按照下面的原则来做,可以让其他人也容易地结合使用你的插件. 为你的插件取一个名字,在这个例子...
阅读全文
posted @ 2009-02-04 15:54
摘要：jQuery起点教程之有序化插件实例是一篇使用jquery的tablesorter插件来实现一些功能效果的教程，大家可以认真学习一下。Sort me将我有序化:使用tablesorter插件进行表格排序。 这个表格排序插件能让我们在客户端按某一列进行排序，引入jQuery和这个插件的js文件，然后告诉插件你想要哪个表格拥有排序功能。 要测试这个例子，先在starterkit.html中加上像下面...
阅读全文
posted @ 2009-02-04 15:53
摘要：jQuery起点教程之Animate是个好东西，一个非常好的效果你可以用jquery自带的函数，比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。 一些动态的效果可以使用 show() 和 hide()来表现: $(document).ready(function() { $("a").toggle(function() {...
阅读全文
posted @ 2009-02-04 15:53
摘要：在这一部分我们写了一个小小的AJAX应用，它能够rate一些东西（译Keel注：就是对某些东西投票），就像在youtube.com上面看到的一样。 首先我们需要一些服务器端代码，这个例子中用到了一个PHP文件，读取rating参数然后返回rating总数和平均数。看一下rate.php代码. 虽然这些例子也可以不使用AJAX来实现，但显示我们不会那么做，我们用jQuery生成一个DIV容器，ID是...
阅读全文
posted @ 2009-02-04 15:52
摘要：jQuery起点教程之使用选择器和事件 jQuery提供两种方式来选择html的elements： 第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）； 第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。 为了测试这些选择器，我们来试着在我们start...
阅读全文
posted @ 2009-02-04 15:51
摘要：Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了: $(document).ready(function() { // do stuff when DOM is ready }); 放一个简单...
阅读全文
posted @ 2009-02-04 15:50
摘要：jQuery入门指南教程这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效果。 内容提要 安装 Hello jQuery ...
阅读全文
posted @ 2009-02-04 15:48
摘要：这也是一个插件的时代。随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考，这些网站头提供了大量的demo，并且使用及其简单，及时E文不好，也能快速掌握！ jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的...
阅读全文
posted @ 2009-02-04 15:47
摘要：$.ajax(prop) 通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。 (String)type：数据传递方式(get或post)。 ((String)url：数据请求页面的url ((String)data：传递数据的参数字符串，只适合post方式 ((Str...
阅读全文
posted @ 2009-02-04 15:46
摘要：jQuery的事件处理，有方法： hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式： Html代码： sdf jQuery代码及效果 $(function(){ $("#a").hover(function(){$(this).addClass("red");}, ...
阅读全文
posted @ 2009-02-04 15:45
摘要：jQuery一直以来在效果外面口碑都不错一直以来jquery的插件很丰富，一些很好的效果，比如我写过fat.js的渐变褪色淡入淡出效果，在新版本的jquery1.2中，可以很方便的用 $("#go").click(function(){ $(".block").animate( { backgroundColor: 'pink' }, 1000) .animate( { back...
阅读全文
posted @ 2009-02-04 15:44
|
||
