Jquery擦肩而过，意心交流

文章列表

您正在查看 "Jquery" 分类下的文章

为什么jquery的attr()不能修改cellspacing和cellpadding

2008年09月05日星期五 23:22

cnjquery群中有网友问了这个问题：
我用这个$('table').attr('cellpadding', '0').end().attr('cellspacing', '0');来代替<table cellpadding='0' cellspacing='0' > 为什么不行？ table不是id名。

这是因为有些属性在DOM中和HTML中的大小写不一样，所以 cellspacing 和 cellpadding 应该修改为 cellPadding 和 cellSpacing 就可以了，代码如下：

$('table').attr('cellPadding', '0').attr('cellSpacing', '0');

P.S. 没有改变对象时不需要使用end().

类别：Jquery|评论(0) |浏览(360)

JQuery官方改版了

2008年08月29日星期五 14:13

很Cool！是吧，但是还是想看到JQuery发展得更快：

类别：Jquery|评论(0) |浏览(526)

20个jquery插件和65个jquery资源

2008年07月22日星期二 18:18

From:http://speckyboy.com

Go...

类别：Jquery|评论(0) |浏览(875)

Some jQuery Plugins

2008年03月08日星期六 11:54

If you are a jQuery developer, you always have been using some of plugins and you will be interested in this:

45+ Fresh Out of the oven jQuery Plugins

50+ Amazing Jquery Examples- Part1

类别：Jquery|评论(0) |浏览(246)

jQuery 1.2 释出

2007年09月11日星期二 10:03

早上打开 jQuery 官方发现 jQuery 1.2已经释出

http://jquery.com/　官方下载

增加了不少函数，也删除了一些函数并将删除函数的功能合并到原来的函数上，更简化了，下面地址查看changed log

changed log

P.S. 星期日jQuery 出自己的ui
Update: http://ui.jquery.com/

类别：Jquery|评论(0) |浏览(547)

File Upload Plugin for jQuery

2007年08月16日星期四 20:04

一个jQuery文件上传的插件，但没有带进度条，不能多文件上传，那就自己实现咯

Download Click here.

另外有一个说可是多文件上传的插件，但没有提交的功能只有选择功能。Multiple File Upload plugin for jQuery

执行上传的函数
/*
    url: 处理上传的url，如upload.php
    fileElementId: 文件输入表单元素的ID，也可以是$FILES 数据的索引（这个的用法没有说明，或许可以实现多文件上传）
    dataType: 支持 json, xml
    secureuri:use secure protocol
    success: 成功后返回的函数
    error: 错误后返回的函数

*/
$.ajaxFileUpload
(
    {
        url:'doajaxfileupload.php',
        secureuri:false,
        fileElementId:'fileToUpload',
        dataType: 'json',
        success: function (data, status)
        {
            if(typeof(data.error) != 'undefined')
            {
                if(data.error != '')
                {
                    alert(data.error);
                }else
                {
                    alert(data.msg);
                }
            }
        },
        error: function (data, status, e)
        {
            alert(e);
        }
    }
)

类别：Jquery|评论(0) |浏览(3602)

jQuery .html() down掉页面

2007年08月15日星期三 9:34

最近在开发相册视频的时候，使用 .html() 的时候，在editplus中预览时，editplus 马上 down 掉了，在浏览器中也自动关闭，在 aptana 中预览也出现马上 down 掉的现象，真是让我郁闷的事，我使用document.getElementById("#content").innerHTML却运行得很正常的，

为解疑惑，我查看了 jQuery 的源代码，发现 .html()函数是通过调用 .empty() 后再调用 .append() 的，而 append ()也就是用 appendChild() ，.empty()是调用 .removeChild() 的，这也是很正常的流程与操作，找不到问题的根源，只能暂时用 innerHTML，已经在jquery.com mail list 中提出了

.html() 参数的内容是调用嵌入flash的代码时，如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>gallery</title>
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("div.allSmallImg").each(function(i){
        $(this).find("img:eq(0)").click(function(){
            var txt = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="300" id="mvPlayer" name="mvPlayer"><param name="movie" value="i.swf" /><param name="salign" value="lt" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="scale" value="noscale" /><param name="FlashVars" value="pFrame=f10&pEffect=f1&pImg=img/f1.jpg&pMask=f1&pRemark=text&pMusic=music/1.mp3" /><embed src="i.swf" flashvars="pFrame=f10&pEffect=f1&pImg=img/f1.jpg&pMask=f1&pRemark=text&pMusic=music/1.mp3" quality="high" scale="noscale" width="400" height="300" id="mvPlayer" name="mvPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>';
            $('#content').html(txt);
            return false;
        });
    });
});
</script>
</head>
<body>
<div id="content"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="300" id="mvPlayer" name="mvPlayer"><param name="movie" value="i.swf" /><param name="salign" value="lt" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="scale" value="noscale" /><param name="FlashVars" value="pFrame=f10&pEffect=f1&pImg=img/f1.jpg&pMask=f1&pRemark=text&pMusic=music/1.mp3" /><embed src="i.swf" flashvars="pFrame=f10&pEffect=f1&pImg=img/f1.jpg&pMask=f1&pRemark=text&pMusic=music/1.mp3" quality="high" scale="noscale" width="400" height="300" id="mvPlayer" name="mvPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></div>
<div id="imgPreview"><h3>Infomation</h3>
<div id="preview">
    <div class="allSmallImg"><img src="img/f1.jpg" mask="f1" class="imgClass" alt="click me now" width="85" height="64" /><div class="remark">text</div><div class="modStyle"><input type="button" id="modStyle" value="style" /> <input type="button" id="txt" value="text" /></div></div>
    <div class="allSmallImg"><img src="img/f2.jpg" mask="f1" class="imgClass" alt="click me now" width="85" height="64" /><div class="remark">text</div><div class="modStyle"><input type="button" id="modStyle" value="style" /> <input type="button" id="txt" value="text" /></div></div>
</div>
</div>
</body>
</html>
在editpus上预览，一点击图片（click me now），马上就down掉了。

update: 原来是<param name="wmode" value="transparent" />这个参数影响了，去掉这个就没有问题，但是为什么影响还是个问号 2007-8-15

类别：Jquery|评论(0) |浏览(2737)

jQuery 结合其他库一起使用

2007年08月08日星期三 9:43

jQuery 结合其他库一起使用，为了解决名字空间的冲突，以下是三种解决办法：

第一种方法是直接调用 jQuery.noConflict()：

<html>
<head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
</head>
<body></body>
</html>

第二种方法是赋值给一个简短的名字:

<html>
<head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     var $j = jQuery.noConflict();

     // Use jQuery via $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
</head>
<body></body>
</html>

第三种方法，通过传递$给ready函数参数作为参数，就可以在ready的参数funcion中使

用$：

<html>
<head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
       $("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').style.display = 'none';
   </script>
</head>
<body></body>
</html>

类别：Jquery|评论(0) |浏览(552)

字段的点位符（Placeholder）

2007年08月06日星期一 10:06

字段的点位符简单制作，如下：

HTML：
<form id="search" action="search/index.php" method="get">
    <label for="search-text">search the site</label>
    <input type="text" name="search-text" id="search-text" />
</form>

JS：
$(document).ready(function() {
    //把#search 下的 label 的文本内容赋值给变量searchLabel，并删除是label
    var searchLabel = $('#search label').remove().text();
    //把searchLabel的值赋给#search-text
    //当#search-text获得焦点时，把值清空
    $('#search-text').addClass('placeholder').val(searchLabel).focus(function() {
        if (this.value == searchLabel) {
            $(this).removeClass('placeholder').val('');
        };
    //当失去焦点并且值为空时，把是searchLabel的值赋给#search-text
    }).blur(function() {
        if (this.value == '') {
            $(this).addClass('placeholder').val(searchLabel);
        };
    });
});

类别：Jquery|评论(0) |浏览(335)

fadeIn 在 IE 中失效了

2007年08月06日星期一 9:54

昨天遇到了个问题，fadeIn 在 IE 中失效了。

把外部的 HTML 内容加载进来后，淡入显示：
$("#content").hide().load("content.html").fadeIn("slow");

在 IE 中淡入失效了，还不知道是不是 jQuery fadeIn() 本的的 bug。

update: 之前用的1.1.3版的jQuery，现在用新版的1.1.3.1jQuery没有存在上面问题了。2007-8-8

类别：Jquery|评论(0) |浏览(576)

1 [2] [3] [4] [下一页] [尾页]

文章分类

默认分类(87)

Serverside(28)

Ria(25)

Javascript(51)

Webdesign(51)

movies_music(10)

Computer(31)

Ruby(2)

Python(1)

Php(87)

Linux(17)

Jquery(34)

Drupal(3)

Joomla(17)

文章存档