摘要: 大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在1$(document).ready(function(){2........jquery代码...........3});上面的代码和1$().ready(function(){2........jquery代码...........3});1$(function(){2........jquery代码...........3});是等同的~~最后一种方式是最简洁的方式,绝大多数情况下我都使用最后一种写法,呵呵~~好记!注意:有时候我们自己编写的jquery代码出现莫名其妙的问题,看似正常的代码,但是就是在运行的时候出错 阅读全文
posted @ 2012-03-06 15:15 白羊与晚霞 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 新浪网易的评论块制作 因为 textarea里面不能放图片,所以和新浪的做法一样,选用iframe放内容,然后隐藏一个 textarea用于提交。效果图如下:技术要点:1。因为 textarea里面不能放图片,所以和新浪的做法一样,选用iframe放内容,然后隐藏一个 textarea用于提交。2 。JQqery tab 插件的使用(文盲都会)先引用这三个:复制代码代码如下:<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel=" 阅读全文
posted @ 2012-03-06 14:54 白羊与晚霞 阅读(282) 评论(0) 推荐(0) 编辑
摘要: jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的喜爱,我在社区也发布了很多的jQuery插件经常有人询问一些技巧,因此干脆写这么一篇文章给各位jQuery爱好者,算是抛砖引玉吧。【基础】a)样式很多人会认为样式是个很复杂的东西,需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI,抛开图片设计不说,其实css也就是那么些属性:position,margin,padding,width,height,left,top,float,border,background...UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果 阅读全文
posted @ 2012-03-06 14:47 白羊与晚霞 阅读(275) 评论(0) 推荐(0) 编辑
摘要: jQuery如此流行,各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢?如果你的答案是肯定的,那么来吧!和我一起学写jQuery插件吧!很多公司的前端设计开发人员都是女孩子,而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中,JavaScript技能又是必不可少的。所以,如果前端小MM正在为某个JavaScript效果发愁的时候,你潇洒的过去,然后对她说:“嗨,美女,用这个吧。这是我写的一个jQuery插件。”我想基本上你的人生大事就能很快解决。先想好做个什么功能这是第一步,也是很重要的一步,鉴于咱们都是刚学习写jQuery 阅读全文
posted @ 2012-03-06 14:46 白羊与晚霞 阅读(268) 评论(0) 推荐(1) 编辑
摘要: 这两一直在看Jquery插件的开发,上次在网上找了相关的文章,不过后来没记来,再去找就难了。只好自己来写个文章,已便日后记忆!先贴出插件代码,里面注释复制代码代码如下:(function ($) {//扩展$.fn.extend({//插件名称height: function (options) {//默认参数var defaults = {color: '红色'};//覆盖默认参数var opts = $.extend(defaults, options);//主函数return this.each(function () {//激活事件var obj = $(this);o 阅读全文
posted @ 2012-03-06 14:40 白羊与晚霞 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 以前针对DOM元素的插件(即$.fn.)存临时数据都加在当前元素上建个特殊的属性来存,(JQ内部直接也搞这样的)今天发现其实JQ自己早就有对这个临时数据的存储方法:$("dom").data(“mydata”,"this is data");还有就是插件开发的时候我们经常要给插件添加方法,其实就用JS内部添加方法的方法即可this.myfn=function(){}下面给上一个显示部分文字的插件的源码:(类似CSS的text-overflow,但本插件你需要提供显示几个字,用于精确控制显示数量)复制代码代码如下:/*** demo:* 1.$(" 阅读全文
posted @ 2012-03-06 14:39 白羊与晚霞 阅读(252) 评论(0) 推荐(0) 编辑
摘要: jQuery的主体如下:(function(){ ……})();对于Javascript基础不太好好的人来说比较奇怪。实际上,这个表达式声明了一个匿名函数(第一个括号),然后再执行它(第二个括号)。在这个函数中,完成了jQuery一系列方法和对象的定义。第24行很关键,复制代码代码如下:jQuery = window.jQuery = window.$ = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new j 阅读全文
posted @ 2012-03-06 14:35 白羊与晚霞 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 现在jquery是比较流行的组件了,大家可以通过扩展插件的方法自定义功能,大家可以参考下面的方法制作自己的插件jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看jQuery代码,就不难发现。复制代码代码如下:jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //......};原来 jQuery.... 阅读全文
posted @ 2012-03-06 14:33 白羊与晚霞 阅读(258) 评论(0) 推荐(0) 编辑