一些应该熟记于心的jQuery函数和技巧
2011-04-06 18:44
246 查看
移除元素
移除元素并不难,当我们谈到对树进行转换时,在这一过程一定会涉及元素的移除。下面我们来移除之前选择的那个段落(注意我们可以再次使用选择器)。
在这一代码中,位于选中元素之中的所有元素都将被移除,所以必须十分小心。如果div下有一个列表,当我们移除该div时,div和列表都会被移除。
表面之下
jQuery类似只露出一角的冰山,在水面之下还有更多内容。这一小结中,我们将向你展示某些表面之下的内容。
绑定(Bind)
绑定是一种方法,利用它,我们可以将一个事件(鼠标点击、悬置等等)与一个方法连接起来。这有点类似:当用户单击此处时,调用该方法。听起来很熟悉,对吗?没错,我们经常这样做。看看以下示例:
上文中click()方法在以下代码相对于wrapper:
此外,使用unbind()方法可以解除事件与元素的连接。
定义你自己的jQuery方法
目前我们看到了一些方法,如click、bind、hover等等,但是我们如何定义自己的方法?如何使用$(’selector’).mymethod()这样的语句调用这些方法?以下代码提供了这些问题的解决方案。定义一个方法,显示一个元素的值。
回调(callback)是常用的解决方案
使用回调,我们可以在其他方法完成时执行某个方法。你可以将回调方法看做对别人说:但你做完时,给我电话,因为我要做我的那份工作。不过现在的问题是:如何使用回调?
注意:如果该函数包含参数,我们必须使用以下方式:
结论
本文只是介绍一些技巧,能够让你更好的理解有关jQuery的知识。当然,还有许多技巧比本文所讲的内容更为高级,但你可以将本文看做一名优秀的jQuery开发者迈出的第一步,同时关于jQuery,51Testing软件测试网推荐阅读:你应该学习jQuery的七大理由
。
移除元素并不难,当我们谈到对树进行转换时,在这一过程一定会涉及元素的移除。下面我们来移除之前选择的那个段落(注意我们可以再次使用选择器)。
$("#wrapper").children('#main').children('p').remove(); |
表面之下
jQuery类似只露出一角的冰山,在水面之下还有更多内容。这一小结中,我们将向你展示某些表面之下的内容。
绑定(Bind)
绑定是一种方法,利用它,我们可以将一个事件(鼠标点击、悬置等等)与一个方法连接起来。这有点类似:当用户单击此处时,调用该方法。听起来很熟悉,对吗?没错,我们经常这样做。看看以下示例:
$(document).ready(function(){ $("#id").click(function(){ alert("Thatclickwasamazing!"); }); }); |
$(document).ready(function(){ $('#id').bind('click', function (){ alert("Thatclickwasamazing!"); }); }); |
定义你自己的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(); |
使用回调,我们可以在其他方法完成时执行某个方法。你可以将回调方法看做对别人说:但你做完时,给我电话,因为我要做我的那份工作。不过现在的问题是:如何使用回调?
$(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的七大理由
。
相关文章推荐
- 一些应该熟记于心的jQuery函数和技巧(3)
- 一些应该熟记于心的jQuery函数和技巧
- 一些实用的 jQuery 技巧
- 你应该知道的jQuery技巧【收藏】
- 近期学习javascript和jquery遇到一些问题的技巧知识总结
- Oracle常用技巧及一些函数的总结
- 一些实用的 jQuery 技巧
- jQuery中一些方法函数的应用(不断补充)
- jQuery常用的一些技巧汇总
- JQuery学习之一:(加载函数,获取画面元素,一些简单的函数【each】【find】【focuse】【blur】)
- Jquery中的一些细节(一)--------------->Jquery加载调用多个函数(方法)需要注意的细节
- 人人都应该掌握的一些电脑操作技巧
- 网站SEO技巧应该注意的一些细节问题 转载
- C++函数设计一些技巧(持续更新...)
- 近期学习javascript和jquery遇到一些问题的技巧知识总结
- 人人都应该掌握的一些电脑操作技巧
- 从jquery源码中学习一些技巧
- STL的一些技巧函数使用
- JS/Jquery的一些技巧
- 近期学习javascript和jquery遇到一些问题的技巧知识总结