您的位置:首页 > Web前端 > JQuery

一些应该熟记于心的jQuery函数和技巧

2011-04-06 18:44 246 查看
 移除元素

  移除元素并不难,当我们谈到对树进行转换时,在这一过程一定会涉及元素的移除。下面我们来移除之前选择的那个段落(注意我们可以再次使用选择器)。

 

$("#wrapper").children('#main').children('p').remove();

  在这一代码中,位于选中元素之中的所有元素都将被移除,所以必须十分小心。如果div下有一个列表,当我们移除该div时,div和列表都会被移除。

  表面之下

  jQuery类似只露出一角的冰山,在水面之下还有更多内容。这一小结中,我们将向你展示某些表面之下的内容。

  绑定(Bind)

  绑定是一种方法,利用它,我们可以将一个事件(鼠标点击、悬置等等)与一个方法连接起来。这有点类似:当用户单击此处时,调用该方法。听起来很熟悉,对吗?没错,我们经常这样做。看看以下示例:

 

$(document).ready(function(){  

   $("#id").click(function(){  

     alert("Thatclickwasamazing!");  

   });  

});

  上文中click()方法在以下代码相对于wrapper:

 

$(document).ready(function(){  

  $('#id').bind('click', function (){  

    alert("Thatclickwasamazing!");  

  });  

});

  此外,使用unbind()方法可以解除事件与元素的连接。

  定义你自己的jQuery方法

  目前我们看到了一些方法,如click、bind、hover等等,但是我们如何定义自己的方法?如何使用$(’selector’).mymethod()这样的语句调用这些方法?以下代码提供了这些问题的解决方案。定义一个方法,显示一个元素的值。

 

//ThenamewillbealertVal  

jQuery.fn.alertVal


function

(){  

    var 
element

=$(this[0]); //That'sourelement  

    if (element.val())  

        alert(element.val()); //That'sourelement'svalue  

};  

//Thisisthewaywecanuseit  

$("selector").alertVal();

  回调(callback)是常用的解决方案

  使用回调,我们可以在其他方法完成时执行某个方法。你可以将回调方法看做对别人说:但你做完时,给我电话,因为我要做我的那份工作。不过现在的问题是:如何使用回调?

 

$(document).ready(function(){  

    
myCallBack


function

(){  

        alert("I'macallbackalert.");  

 
    }     

 
//WhenthegetfinishesthenmyCallBackisexecuted  

  $.get('myhtmlpage.html',myCallBack);  

});

  注意:如果该函数包含参数,我们必须使用以下方式:

 

$(document).ready(function(){  

  $.get('myhtmlpage.html',function(){  

    myCallBack(param1,param2);  

  });  

});

  结论

  本文只是介绍一些技巧,能够让你更好的理解有关jQuery的知识。当然,还有许多技巧比本文所讲的内容更为高级,但你可以将本文看做一名优秀的jQuery开发者迈出的第一步,同时关于jQuery,51Testing软件测试网推荐阅读:你应该学习jQuery的七大理由
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息