JQuery小技巧集1

2011/05/25 标签 jQuery

jQuery’的 data() 方法是非常强大但是被很少用到.它允许你不用改变DOM就能绑定数据到DOM。

链接 |

0
0

还有一个小技巧，获取当前页面的URL地址：

$(document).ready(function() {
    var pathname = window.location.pathname;
});

链接 | 编辑 (2011-06-20)

1
0

改变Jquery标识符

jQuery默认的开始表示符号是 $, 但是这不是固定的表示符，其实有很多的框架都使用这个符号。所以当你使用多个框架的时候，使用 $ 这个符号将会导致冲突。幸运的是 jQuery 提供的一种简单的方法可以避免这个情况：

var $j = jQuery.noConflict();
$j("#myDiv").hide();

链接 | 编辑 (2011-06-20)

0
0

如果你多次使用一个便签，创建一个指针并利用用它来提高速度

var $newDiv = $("#test1");
$newDiv.attr("id", "myNewDiv").appendTo("body");
$newDiv.addClass('test2');

链接 | 编辑 (2011-06-20)

0
0

一个非常简单的办法来确认jQuery对象是否存在就是:

if ($("#someDiv").length)
{
    // 如果存在...
}

链接 | 编辑 (2011-06-20)

0
0

live()事件是一个非常方便的事件处理函数。它可以使你对动态插入的Dom对象进行事件监听，特别是在使用AJAX时或页面载入之后。比如:

$('button.someClass').live('click', someFunction);

同样,但你不需要的时候，你可以用 die() 取消这种监听方法,

$('button.someClass').die('click', someFunction);

链接 | 编辑 (2011-06-20)

0
0

普通的写法是:

$(document).ready(function() {
    $('...').etc()    // 里面可以写任何代码
});

你也可以用这个避免与其它框架冲突:

(function($) {
    $('...').etc()    // 里面可以写任何代码
})(jQuery);

链接 | 编辑 (2011-06-20)

0
0

链接 | 编辑