15.如何jQuery注册和禁用jQuery全局事件

//jQuery注册ajax全局事件ajaxStart，ajaxStop： $(document).ajaxStart(function(){     $("#background,#progressBar").show(); }).ajaxStop(function(){     $("#background,#progressBar").hide(); }); //ajax请求禁用全局事件：$.ajax() 有个参数global (默认: true) 是否触发全局 AJAX 事件.设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件

16.如何在jQuery中克隆一个元素

var cloned = $('#somediv').clone();

17.在jQuery中如何测试某个元素是否可见

if($(element).is(':visible')) { 　　//该元素是可见的 }

18.如何把一个元素放在屏幕的中心位置

jQuery.fn.center = function () { 　　return this.each(function(){ 　　　　$(this).css({ 　　　　　　position:'absolute', 　　　　　　top, ( $(window).height() - this.height() ) / 2 + $(window).scrollTop() + 'px', 　　　　　　left, ( $(window).width() - this.width() ) / 2 + $(window).scrollLeft() + 'px' 　　　　}); 　　}); } //这样来使用上面的函数： $(element).center();

19.如何把有着某个特定名称的所有元素的值都放到一个数组中

var arrInputValues = new Array(); $("input[name='xxx']").each(function(){ 　　arrInputValues.push($(this).val()); });

20.如何从元素中除去HTML

(function($) { $.fn.stripHtml = function() { 　　var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi; 　　this.each(function() { 　　　　$(this).html( $(this).html().replace(regexp,'') ); 　　}); 　　return $(this); } })(jQuery); //用法： $('p').stripHtml();

21.如何使用closest来取得父元素

$('#searchBox').closest('div');

22.如何使用Firebug和Firefox来记录jQuery事件日志

// 允许链式日志记录 jQuery.log = jQuery.fn.log = function (msg) { 　　if (console){ 　　　　console.log("%s: %o", msg, this); 　　} 　　return this; }; // 用法： $('#someDiv').hide().log('div hidden').addClass('someClass');

23.如何强制在弹出窗口中打开链接

$('a.popup').live('click', function(){ 　　var newwindow = window.open($(this).attr('href'),'','height=200,width=150'); 　　if (window.focus) { 　　　　newwindow.focus(); 　　} 　　return false; });

24.如何强制在新的选项卡中打开链接

$('a.newTab').live('click', function(){ 　　var newwindow=window.open(this.href); 　　$(this).target = "_blank"; 　　return false; });

25.在jQuery中如何使用.siblings()来选择同辈元素

// 不这样做 $('#nav li').click(function(){ 　　$('#nav li').removeClass('active'); 　　$(this).addClass('active'); }); //替代做法是 $('#nav li').click(function(){ 　　$(this).addClass('active').siblings().removeClass('active'); })

前端工程师  小技巧  Jquery插件  Jquery 

相关文章

评论(0)

文章上传作者

zhangweidong

提问TA

擅长：

zhangweidong的热门文章

50个jQuery学习必备小技巧（上）

网页开发者须知的25款Firefox插件

热门文章