使用jQuery封装实用函数

项目开发中，前端会有一个辅助工具类的js文件，比如cookie的操作，团队成员自己封装的方法。大多数时候，我们开发人员自己都是写一个全局函数，不考虑后期维护人员也会写相同的代码，然后造成代码之间的冲突。之前维护的一段代码如下：

 

var g=function(id){

 return document.getElementById(id);

var $$=function(id){

 return document.getElementById(id);

g("testdiv").style.color="red";

$$("testdiv").innerHTML="this is a test.";

因为代码历史久远，也不知道是不是在jQuery出来之前写的呢，还是之后。开发者为了节 省后面写document.getElementById()这个方法，在页面居然用了两个缩写去替代。$$应该后面的开发人员添加进去的，可能他觉得使 用g来代替document.getElementById()不是很明显。这个也说明，在开发过程中，很多开发者为了去大规模修改别人的代码，我们喜欢 在别人代码上添加内容，不想删除内容。这样项目是可以运行了，但是大量冗余代码也产生了，对后期的维护和重构非常的不利。以上只是举个实际项目中例子。

后面引入jQuery之后，开发者大多数都喜欢用$来替代。到目前为止，我使用的第三方类 库，基本上没有以$来定义的。所以基本上没有出现过$代表的不是jQuery对象。但是为了代码可维护性，并且在我们写代码中，使用的$是jQuery对 象，我们需要安全进行编写函数。因为有时项目的名字不同，我们还会使用命名空间才区分它们。

(function($){

 $.say=function(what){

 alert("I say "+what);

})(jQuery);

这里我们将jQuery对象传入到函数中，以确保我们在函数内部使用的$是jQuery对象。

【前端】使用jQuery封装一套UI组件 - 级联选择器组件 本篇文章来讲解下级联选择器组件 级联选择器，在实际项目中也是比较常用的组件，比如：省市区三级关联，上下级联动等 最后面会附上全部代码
【前端】使用jQuery封装一套UI组件 - 是和否滑动切换组件 本篇文章来讲解下是和否的滑动切换组件 切换滑动组件，使用的场景实际上就是一个开和关的场景，一般有是和否，开和关，禁用和启用等等，只需要设置0和1即可
【前端】使用jQuery封装一套UI组件 - 移动端时间选择组件 【首先要声明一点，技术不分好坏，能用好就行，不用鄙视老技术】 今天要给大家展示的是移动端时间选择组件 最开始，看到比较新颖的移动端时间选择组件是在某款手机上，分年月日下拉选择，UI界面也挺好看的 除了讲解实现的步骤以及关键点，文章最后面会有完整的代码
【前端】使用jQuery封装一套UI组件 - 单选框 目前前端技术发展非常快，各大厂都开源和分享了自家的前端框架，非常多成熟的UI组件供大家选择，很实用也很方便，给开发上节省了不少时间成本，当然少不了学习成本，不过也不会占用太多时间，只要有前端基础的话，原理基本都是通用的，只是写法不一样。 因此，除了学习现有的优秀前端之外，最好能自己根据原理封装一套自己的UI组件，目的是为了更好的理解前端知识点以及锻炼编程逻辑
详解原生Ajax的实现，并模仿JQuery进行封装（上） 对于Ajax，肯定很多小伙伴都听过甚至用过了，那么没听过的也不用着急，本文会对Ajax进行讲解，其次，一定还有一些人只用过JQuery封装好了的Ajax却对原生的Ajax并不了解，那么也不用着急，本文从最基本的Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才提到的两类人能对Ajax有进一步的了解。