jquery如何使用自己封装函数

2024-08-30

使用jQuery封装实用函数

一.引言项目开发中,前端会有一个辅助工具类的js文件,比如cookie的操作,团队成员自己封装的方法.大多数时候,我们开发人员自己都是写一个全局函数,不考虑后期维护人员也会写相同的代码,然后造成代码之间的冲突.之前维护的一段代码如下: var g=function(id){ return document.getElementById(id); }; var $$=function(id){ return document.getElementById(id); }; g("testdiv

jQuery封装函数

//1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突// //2,自定义插件尽量避免使用$ 如果非要使用$就一定要将jQuery传递进去,//写在最后加一个小括号写jquery ;结束封装函数是自执行函数 //3,插件的结尾一定要以 ; 结束避免和前面代码产生瓜葛//4,封装分为全局的方法和局部的方法//.nav后还可以继续封装更多的函数在调用时谁用谁.nav()就行在html中全局调用 $(function (){ $.nav(); }) $.extend({//全局封

Javascript:来一个AJAX封装函数

前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 jquery的ajax,所以离开了jquery这个函数就毫无作用了.而且我觉得,jquery的ajax方法是很完善的了,可以直接用,如果都有 jquery了,那么他的ajax就不用白不用了.我缺少的是一个能在没有jquery的情况下使用的ajax方法. 所以我也花一天时间写了一个,参数与调用方法类似

jquery中attr()与prop()函数用法实例详解(附用法区别)

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.

jQuery Ajax 二次封装

jQuery Ajax通用js封装第一步:引入jQuery库 <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步:开发Ajax封装类,已测试通过,可以直接调用,直接贴代码,讲解就省了 /*************************************************************

试试自行封装AJAX和jQuery中的ajax封装的基本使用

封装的套路: 1.写一个相对比较完善的用例2.写一个空函数,没有形参,将刚刚的用例直接作为函数的函数体3.根据使用过程中的需求抽象函数代码记录如下: <script> function ajax (method,url,params,done) { method=method.toUpperCase(); var xhr=new XMLHttpRequest(); var tempArr=[]; if (typeof params=== 'object') { for(var key in

jQuery的一些基本的函数和用jQuery做一些动画操作

jQuery是对js的封装,因为js有一些不方便的地方.所以,jQuery才会去对js进行封装. jQuery对于标签元素的获取 $('div')或$('li') <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <ul&

jQuery插件制作之全局函数用法实例

原文地址:http://www.jb51.net/article/67056.htm 本文实例讲述了jQuery插件制作之全局函数用法.分享给大家供大家参考.具体分析如下: 1.添加新的全局函数所谓的全局函数,实际上就是jQuery对象的方法,但从实践的角度上看,他们是位于jQuery命名空间内部的函数 (1)添加一个函数,只需要将新函数指定为jQuery对象的一个属性. jQuery.five =function(){ alert("直接继承方式不一样"); } 调用: $.fiv

js进阶 14 jquery的ajax有哪些函数和事件（多练）

js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这8个板块. 二.jquery的ajax有哪些函数和事件 JAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新.如果没有jQuery,AJAX编程还是有些难度的.通过jQuery AJAX方法,能够使用HTTP Get和HTTP Post 从远程服务器上请求文本.HTML

jquery的扩展之extend函数

1.$.extend()使用作用:扩展全局的函数 $.extend({ sayHellow:function(pram){ alert(pram+"hellow"); } }) 使用: $(function({ $.sayHellow(); })) jQuery.hellow = function() { alert('hellow '); }; jQuery.byebye = function(param) { alert(param + 'byebye '); }; 使用:jQu

Jquery插件写法及extentd函数

JQuery插件写法 JQuery插件又分为类扩展方法和对象扩展方法两种,类插件是定义在JQuery命令空间的全局函数,直接通过可调用,如可调用,如可调用,如.ajax():对象插件是扩展JQuery对象的函数,通过选择的具体对象调用,类似$(dom).html(). JQuery类扩展方法直接给$增加方法 $.foo=function(){ console.log('foo'); } $.bar=function(){ console.log('bar'); } 或者给属性增加命名空间 $.

浏览器兼容——DOM事件封装函数

//封装函数var eventUtil={ //添加事件 addHandler:function(element,type,handler){ if(element.addEventListener){ //如果支持DOM2 element.addEventListener(type,handler,false); }else if(element.attachEvent){ //如果支持IE

WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法

原文:WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法今天玩了一把WMI,查询了一下电脑的硬件信息,感觉很多代码都是可以提取出来的,就自己把那些公共部分提出出来,以后如果要获取某部分的硬件信息就不用写一个一个的函数,比如获取MAC地址就写一个获取MAC地址的函数,获取CPU 信息就写一个获取CPU信息的函数,太麻烦了如下是函数代码: private static string identifier(string wmiClass, string wmiProperty, st

Ajax封装函数笔记

Ajax封装函数: function ajax(method, url, data, success) { //打开浏览器 //1.创建一个ajax对象 var xhr = null; try { xhr = new XMLHttpRequest(); //正常浏览器 } catch (e) { xhr = new ActiveXObject('Microsoft.XMLHTTP'); //兼容IE6以下 } //2.在地址栏输入地址,提交发送请求:open方法,send方法//open方法有三

JS运动缓冲的封装函数

之前经常写运动函数,要写好多好多,后来想办法封装起来.(运动缓冲). /* 物体多属性同时运动的函数 obj:运动的物体 oTarget:对象,属性名为运动的样式名,属性值为样式运动的终点值 ratio:速度的系数 */ function bufferMove(obj, oTarget, fn,ratio = 8) { clearInterval(obj.iTimer); obj.iTimer = setInterval(function () { // 此处设定开关bBtn,假设所有的属性均已

js面向对象学习笔记（二）：工厂方式:封装函数

//工厂方式:封装函数function test(name) { var obj = new Object(); obj.name = name; obj.sayName = function () { alert(this.name); }; //抛出 return obj;}var p1 = test('小明');p1.sayName();var p2 = test('小王');p2.sayName();//优化//创建对象要注意首字母大写//当new去调用一个函数:这个时候函数中的this

javascript封装函数入门

封装函数的入门一.使用函数有两步: 1.定义函数,又叫声明函数, 封装函数. 定义函数的三个要素:功能,参数,返回值. function 函数名(形参){ 函数代码 return 结果} //2.调用函数var 变量 = 函数名(实参); 二.对函数的参数和返回值的理解 1.函数的参数就是完成一件事情的已知条件,就是输入. 2.函数的返回值就是事情完成的结果.就是输出三.以下为简单的函数封装的代码 //封装函数的三个要素: //功能:奇偶数的判断 //参数:一个数 //返回值:true:

ajax请求封装函数

写封装函数的套路 1.先写出这个函数原来的基本用法 2.写一个没有形参空函数,将上一步的代码直接作为函数体, 3.根据使用过程中,抽象出来需要变的东西作为形参 function ajax (method, url, params, fun) { method = method.toUpperCase() //在传入method的时候可以忽略大小写 var xhr = new XMLHttpRequest() if (typeof params === 'object') { //如果在地址传入的

jQuery操作iframe中js函数的方法小结

1.jquery操作iframe中的元素(2种方式) ? 1 2 var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某个元素的id) ? 1 $('#hea

JQuery中bind和unbind函数与onclick绑定事件区分

JQuery中bind和unbind函数转载: https://blog.csdn.net/liucheng417/article/details/51131982 页面代码: <body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"><

使用DOM的方法获取所有li元素，然后使用jQuery()构造函数把它封装为jQuery对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta ht

jquery如何使用自己封装函数

热门专题