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 相关文章推荐
JS中实现replaceAll的方法(实例代码)
Nov 12 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
详解Bootstrap插件
Apr 25 Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
Jan 22 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
vue 中使用print.js导出pdf操作
Nov 13 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
用Socket发送电子邮件
2006/10/09 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
jQuery 性能优化手册 推荐
2010/02/23 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
深入浅析JS中的严格模式
2018/06/04 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
在Mac中配置Python虚拟环境过程解析
2020/06/22 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
曼城官方网上商店:Manchester City
2019/09/10 全球购物
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
Java语言的优势
2015/01/10 面试题
专科毕业生自我鉴定
2013/12/01 职场文书
大学生职业生涯规划书范文
2014/01/04 职场文书
个人近期表现材料
2014/02/11 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
学生个人自我鉴定
2014/03/26 职场文书
干部年终考核评语
2015/01/04 职场文书
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB
mysql数据库实现设置字段长度
2022/06/10 MySQL