jQuery学习笔记之2个小技巧


Posted in Javascript onJanuary 19, 2015

1.jQuery功能函数前缀

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

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

<script type="text/javascript">

            var sString = "   1234567890";

            sString = $.trim(sString);

            alert(sString.length);

        </script>

执行结果

jQuery学习笔记之2个小技巧

字符串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>

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

Javascript 相关文章推荐
JavaScript Archive Network 集合
May 12 Javascript
js类中的公有变量和私有变量
Jul 24 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
JS数组splice操作实例分析
Oct 12 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 #Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 #Javascript
jQuery创建DOM元素实例解析
Jan 19 #Javascript
jQuery使用之处理页面元素用法实例
Jan 19 #Javascript
jQuery学习笔记之jQuery中的$
Jan 19 #Javascript
jQuery使用之设置元素样式用法实例
Jan 19 #Javascript
jQuery学习笔记之基础中的基础
Jan 19 #Javascript
You might like
PHP与已存在的Java应用程序集成
2006/10/09 PHP
将OICQ数据转成MYSQL数据
2006/10/09 PHP
分享PHP守护进程类
2015/12/30 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Node.js Express安装与使用教程
2018/05/11 Javascript
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
Python MD5文件生成码
2009/01/12 Python
python 文件操作api(文件操作函数)
2016/08/28 Python
Python实现调度算法代码详解
2017/12/01 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
Python进阶之迭代器与迭代器切片教程
2020/01/29 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
拓展培训心得体会
2014/01/04 职场文书
公司门卫岗位职责范本
2014/07/08 职场文书
暑期培训班策划方案
2014/08/26 职场文书
团队拓展活动总结
2014/08/27 职场文书
房产协议书范本
2014/10/18 职场文书