31. 如何在jQuery中克隆一个元素
var cloned = $('#somediv').clone();
32. 在jQuery中如何测试某个元素是否可见
if ($(element).is(':visible') == 'true') {
//该元素是可见的
}
33. 如何把一个元素放在屏幕的中心位置
jQuery.fn.center = function () {
this.css('position', 'absolute');
this.css('top', ($(window).height() - this.height())/ +$(window).scrollTop() + 'px');
this.css('left', ($(window).width() - this.width())/ 2 + $(window).scrollLeft() + 'px');
return this;
}
//这样来使用上面的函数：
$(element).center();
34. 如何把有着某个特定名称的所有元素的值都放到一个数组中
var arrInputValues = new Array();
$("input[name='table[]']").each(function () {
arrInputValues.push($(this).val());
});
35. 如何从元素中除去HTML
(function ($) {
$.fn.stripHtml = function () {
var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
this.each(function () {
$(this).html($(this).html().replace(regexp, ""));
});
return $(this);
}
})(jQuery);
//用法：
$('p').stripHtml();
36. 如何使用closest来取得父元素
$('#searchBox').closest('div');
37. 如何使用Firebug和Firefox来记录jQuery事件日志
// 允许链式日志记录
// 用法：
$('#someDiv').hide().log('div hidden').addClass('someClass');
jQuery.log = jQuery.fn.log = function (msg) {
if (console) {
console.log("%s: %o", msg, this);
}
return this;
};
38. 如何强制在弹出窗口中打开链接
jQuery('a.popup').live('click', function () {
newwindow = window.open($(this).attr('href'), '', 'height=200,width=150');
if (window.focus) {
newwindow.focus();
}
return false;
});
39. 如何强制在新的选项卡中打开链接
jQuery('a.newTab').live('click', function () {
newwindow = window.open($(this).href);
jQuery(this).target = "_blank";
return false;
});
40. 在jQuery中如何使用.siblings()来选择同辈元素
// 不这样做
$('#nav li').click(function () {
$('#nav li').removeClass('active');
$(this).addClass('active');
});
//替代做法是
$('#nav li').click(function () {
$(this).addClass('active').siblings().removeClass('active');
});
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery