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 相关文章推荐
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
javascript的parseFloat()方法精度问题探讨
Nov 26 Javascript
jquery中对于批量deferred的处理方法
Jan 22 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
从零学JSON之JSON数据结构
May 19 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
May 03 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
vue实现输入一位数字转汉字功能
Dec 13 Javascript
带你使用webpack快速构建web项目的方法
Nov 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
session在PHP大型web应用中的使用
2011/06/25 PHP
解析php常用image图像函数集
2013/06/24 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
使用php转义输出HTML到JavaScript
2015/03/27 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
JS中的==运算: [''] == false —&gt;true
2016/07/24 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
vue组件创建的三种方式小结
2020/02/03 Javascript
python简单文本处理的方法
2015/07/10 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
解决pyinstaller打包运行程序时出现缺少plotly库问题
2020/06/02 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
ProBikeKit美国官网:自行车套件,跑步和铁人三项套件
2016/10/13 全球购物
抽象方法、抽象类怎样声明
2014/10/25 面试题
如何写一份好的自荐信
2014/01/02 职场文书
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
个人贷款收入证明
2014/10/26 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS