当前位置: 首页 > 编程笔记 >

jQuery学习笔记之2个小技巧

汪胡非
2023-03-14
本文向大家介绍jQuery学习笔记之2个小技巧,包括了jQuery学习笔记之2个小技巧的使用技巧和注意事项,需要的朋友参考一下

1.jQuery功能函数前缀

在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便可以使用trim()函数。

trim()函数是jQuery对象的一个方法,使用以下例子


<script type="text/javascript">

            var sString = "   1234567890";

            sString = $.trim(sString);

            alert(sString.length);

        </script>

执行结果

字符串sString的首尾空格都被jQuery取掉了。

其中

$.trim(sString)
相当于

jQuery.trim(sString)
jQuery类似这样的函数很多,而且涉及到javascript的方方面面。

2.解决window.onload函数冲突

由于页面html框架需要在页面完全加载后才能使用,因此在DOM编程时,window.onload被频繁使用,倘若页面中很多处需要使用此函数,其它js也需要包含window.onload函数,将导致很多冲突。

jQuery中的ready()方法很好的解决了上述问题,它能够自动将其中的函数在页面加载完成后自动运行。并且同一个页面可以使用多个ready()方法,而且不相互冲突。

例如:


<script type="text/javascript">

            $(document).ready(function() {

                $("table#mytable tr:nth-child(odd)").addClass("altcss");

            })

        </script>

对上述代码jQuery还提供了简写,可以省略其中的(document).ready部分

代码如下:


<script type="text/javascript">

            $(function() {

                $("table#mytable tr:nth-child(odd)").addClass("altcss");

            })

        </script>

这就是上文中表格隔行变色的代码。

 类似资料:
  • 本文向大家介绍jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析,包括了jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析的使用技巧和注意事项,需要的朋友参考一下 deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并. 通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,

  • 本文向大家介绍Bootstrap学习笔记之css样式设计(2),包括了Bootstrap学习笔记之css样式设计(2)的使用技巧和注意事项,需要的朋友参考一下 首先,很感谢各位朋友对我的支持,关于bootstrap的学习总结,我会持续更新,如果有写的不对的地方,麻烦各位给我指正出来哈。关于上篇文章,固定布局和流式布局很关键,如果还不太清楚的可以再看看我写的:Bootstrap学习笔记之css样式设

  • 本文向大家介绍jQuery学习笔记之jQuery.fn.init()的参数分析,包括了jQuery学习笔记之jQuery.fn.init()的参数分析的使用技巧和注意事项,需要的朋友参考一下 从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出 参数selector和context是来自我们在调用jQuery方法时传过来的

  • 本文向大家介绍jQuery学习笔记之jQuery原型属性和方法,包括了jQuery学习笔记之jQuery原型属性和方法的使用技巧和注意事项,需要的朋友参考一下 以上就是该版本的jQuery的原型上的部分属性和方法. selector:用于记录init参数的selector.但不一定是相等的. $("div").selector;//"div" $("div").find(p).selecctor;

  • 本文向大家介绍Asp.net回调技术Callback学习笔记,包括了Asp.net回调技术Callback学习笔记的使用技巧和注意事项,需要的朋友参考一下 .aspx: 简化版(偷懒一下): 示例3:

  • 本文向大家介绍Swift学习笔记之元组(tuples),包括了Swift学习笔记之元组(tuples)的使用技巧和注意事项,需要的朋友参考一下 元组 元组(tuples)是由其它类型组合而成的类型。元组可能包含零或多个类型,比如 字符串、整数、字符、布尔以及其它元组。同时请注意,元组是值传递,而不是引用。 在Swift中创建元组的方式很简单,元组类型是用括号包围,由一个逗号分隔的零个或多个类型的列