文档章节

JQ 自定义函数总结

Andy_JC
 Andy_JC
发布于 2015/12/09 20:32
字数 245
阅读 67
收藏 0
点赞 0
评论 0

看到几种JQ函数的定义方法 ,小记一下


方法 一 :

定义多个方法,将方法统一放到一个对象里,以传递一个字符串为例

 

//方法定义 
$.func = {
     //定义一个方法aa 
     aa: function(param) {
         alert( "aaaaaa"  + param);
     },
     //定义一个方法bb 
     bb: function() {
         alert( "bb" );
     }
}
$.func.aa( '123' );  //调用$.func里的aa方法



定义单个方法,ajax异步提交可以如下封装:

$.ajaxPost = function(url, data, callback) {
     $.post(url, data, callback,  "json" );
};

$.ajaxPost('/post/ajaxUrl',{},function(data){});



方法  二:

定义变量的形式自定义函数,以传递一个对象做为参数为例:


var test = function(x) {
     //弹出对象 x 里的 a 变量和 b 变量 
     alert(x.a +  " 对象传参 "  + x.b);
}
$.func = test;
//传递一个对象
$.func({a:  "111" ,b:  "222" });

//  方法 三 :

以拓展的方式添加函数:

$.extend({
     setHtml: function() {
         $( "#test" ).html( '2222222222' );
     },
     setClick:function(param){
       alert( 'test' +param);
     }
});
$(function() {
     $.setHtml();
     $.setClick( '123' );
});


// 方法四:

选择器传递方式:

$.fn.setHtml=function () { 
     $( this ).html( '22222222222' );
$(function() {
     $( "#test" ).setHtml(); 
});











© 著作权归作者所有

共有 人打赏支持
Andy_JC
粉丝 1
博文 2
码字总数 245
作品 0
合肥
jq的优缺点总结

第一部分 jq的优势: 1.出色的浏览器兼容性 2、出色的DOM操作的封装,使他具备强大的选择器,可以进行快速的DOM元素操作 3、可靠的事件处理机制、jq在处理事件绑定的时候是相当的可靠 4、完善...

oQo先生 ⋅ 2017/04/12 ⋅ 0

jq的优缺点总结

第一部分 jq的优势: 1.出色的浏览器兼容性 2、出色的DOM操作的封装,使他具备强大的选择器,可以进行快速的DOM元素操作 3、可靠的事件处理机制、jq在处理事件绑定的时候是相当的可靠 4、完善...

oQo先生 ⋅ 2017/04/13 ⋅ 0

Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件

前言 返回顶部这个功能用jq实现,好容易实现,一个配合就搞定了 今天我们来试试封装一个原生js实现的返回顶部; 写起来够呛,借助,看了别人的,稍微封装了下; 当然不是用直接调位那种,没有过渡效果...

CRPER ⋅ 2017/07/24 ⋅ 0

Jquery基础教程

1. jQuery概述 - jQuery是一个优秀的JavaScript框架 - 主要提供如下功能   - 访问页面框架的局部   - 修改页面的表现   - 更改页面的内容   - 响应事件   - 为页面添加动画   - 与服务...

王二狗子11 ⋅ 01/01 ⋅ 0

minggeJS 1.9.5 更新,MingGeJS决战JQ有图有真相

先介绍一下Mingge1.9.5的更新概况 1:继续加强 创建节点 接口,新增多类型数据传入 。 2:新增 prepend appendTo prependTo before after ,完全和JQ一一模一样,,而且带事件克隆效果,这些...

明哥先生 ⋅ 2016/02/25 ⋅ 23

使用jq的toggle函数实现全选功能遇到的问题

今天做网站后台管理的时候,要实现一个单选全选的功能,很简单的功能,不过,遇到了一个很诡异的问题,写出来跟大家分享下。 功能就不赘述了,大家都懂,最初打算使用jq的toggle函数来绑定两...

保护单身狗协会理事 ⋅ 2013/11/18 ⋅ 0

JS不同类型之间的转化处理

一.js类型:基本类型和复合类型 基本类型常用的就是: 数字类型(整数和浮点数) 字符串类型 布尔类型 null和未被定义 复合类型就是: 数组 对象 二.最常用类型转化方法 1.转为字符串 var dt...

透笔度 ⋅ 2016/02/14 ⋅ 0

jQuery学习笔记(二)

jQ变成过程 1,引入jQ的js文件 2,使用选择器定位要操作的节点 调用jQ的方法进行操作 jQ对象 为了解决浏览器兼容问题而解决的提供一种统一封装后的对象描述 jq提供的方法都是jQ特有的,而且大...

weixin_36171533 ⋅ 2017/12/03 ⋅ 0

JS三教九流系列-require.js-网站模块化开发

js开发的模块化就是module处理 简单理解js模块化的开发就是让我们的web项目对js进行分类的处理 我们在开发网站的时候,里面会用要很多的类库,如jquery,还会有到基于jq各种插件,还会有其他...

透笔度 ⋅ 2015/08/19 ⋅ 0

JS杂谈系列-jquery-插件开发小记

//=======================start(function ($) {//扩展 必须$.fn.extend({ //插件名称 必须colh: function (options) {//默认参数 (放在插件外面,避免每次调用插件都调用一次,节省内存)va...

透笔度 ⋅ 2015/08/04 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

NFS介绍 NFS服务端安装配置 NFS配置选项

NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netapp公司参与并主导...

lyy549745 ⋅ 18分钟前 ⋅ 0

Spring AOP 源码分析 - 筛选合适的通知器

1.简介 从本篇文章开始,我将会对 Spring AOP 部分的源码进行分析。本文是 Spring AOP 源码分析系列文章的第二篇,本文主要分析 Spring AOP 是如何为目标 bean 筛选出合适的通知器(Advisor...

java高级架构牛人 ⋅ 41分钟前 ⋅ 0

HTML-标签手册

标签 描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义锚。超链接 <abbr> 定义缩写。 <acronym> 定义只取首字母的缩写。 <address> 定义文档作者或拥有者的联系信息。 <apple......

ZHAO_JH ⋅ 42分钟前 ⋅ 0

SylixOS在t_main中使用硬浮点方法

问题描述 在某些使用场景中,应用程序不使用动态加载的方式执行,而是跟随BSP在 t_main 线程中启动,此时应用代码是跟随 BSP 进行编译的。由于 BSP 默认使用软浮点,所以会导致应用代码中的浮...

zhywxyy ⋅ 49分钟前 ⋅ 0

JsBridge原理分析

看了这个Github代码 https://github.com/lzyzsd/JsBridge,想起N年前比较火的Hybrid方案,想看看现在跨平台调用实现有什么新的实现方式。代码看下来之后发现确实有点独特之处,这里先把核心的...

Kingguary ⋅ 今天 ⋅ 0

Intellij IDEA神器常用技巧五-真正常用快捷键(收藏级)

如果你觉得前面几篇博文太啰嗦,下面是博主多年使用Intellij IDEA真正常用快捷键,建议收藏!!! sout,System.out.println()快捷键 fori,for循环快捷键 psvm,main方法快捷键 Alt+Home,导...

Mkeeper ⋅ 今天 ⋅ 0

Java 静态代码分析工具简要分析与使用

本文首先介绍了静态代码分析的基本概念及主要技术,随后分别介绍了现有 4 种主流 Java 静态代码分析工具 (Checkstyle,FindBugs,PMD,Jtest),最后从功能、特性等方面对它们进行分析和比较,...

Oo若离oO ⋅ 今天 ⋅ 0

SpringBoot自动配置小记

spring-boot项目的特色就在于它的自动配置,自动配置就是开箱即用的本源。 不过支持一个子项目的自动配置,往往比较复杂,无论是sping自己的项目,还是第三方的,都是如此。刚接触会有点乱乱...

大_于 ⋅ 今天 ⋅ 0

React jsx 中写更优雅、直观的条件运算符

在这篇文字中我学到了很多知识,同时结合工作中的一些经验也在思考一些东西。比如条件运算符 Conditional Operator condition ? expr_if_true : expr_if_false 在jsx中书写条件语句我们经常都...

开源中国最帅没有之一 ⋅ 今天 ⋅ 0

vim编辑模式与命令模式

5.5 进入编辑模式 从编辑模式返回一般模式“Esc” 5.6 vim命令模式 命令 :“nohl”=no high light 无高亮,取消内容中高亮标记 "x":保存退出,和wq的区别是,当进入一个文件未进行编辑时,使...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部