首页 > 其他分享 >jquery方法封装

jquery方法封装

时间:2023-08-04 14:56:47浏览次数:43  
标签:jquery function 封装 getCookie message args hidden 方法 id

 

/*comment.js*/
;(function($){ 
	//消息显示
    $.message=function(content){  
        $('#message').attr('data-content',content);
        $('#message').popover('show');
        setTimeout(function() {
            $('#message').popover('hide');
        },2000)
    }
	//隐藏标签
	$.hidden = function(id){
		var id = '#'+id;
		if(!$(id).hasClass('hidden')){
			$(id).addClass('hidden');
		}
	}
	//显示标签
	$.display= function(id){
		var id = '#'+id;
		if($(id).hasClass('hidden')){
			$(id).removeClass('hidden');
		}
	}

    function getCookie(name) {
            var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
            return r ? r[1] : undefined;
        }
	//POST请求
    $.postJSON = function(url, args, callback) {
        //args._xsrf = getCookie("_xsrf");
        args.csrfmiddlewaretoken = getCookie("csrftoken");
        $.ajax({url: url, data: $.param(args), dataType: "json", type: "POST",
            success: function(response) {
            callback(response);
        }});
    };  
   
})(jQuery); 

 

使用

index.html

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./comment.js"></script>
</head>
 <body>
  test
</body>
</html>

  

  

 

标签:jquery,function,封装,getCookie,message,args,hidden,方法,id
From: https://www.cnblogs.com/boye169/p/17605919.html

相关文章

  • 基于antd-input & tsx封装一个按固定位数、固定符号分隔内容的输入框
    /** *可在每四位字符间插入一个空格的输入框 */import{Input}from'antd';import{useEffect}from'react';constInputGap=(props:any)=>{ const{useGap,value,onChange}=props; //非onChange事件变更value useEffect(()=>{  value......
  • 在线直播系统源码,js循环数组的方法合集
    在线直播系统源码,js循环数组的方法合集一、forEach循环注:没有return返回值,且不能用break跳出循环。 letarrlist=['123','456','789'];arrlist.forEach(function(value,index){  //value是每一项,index是索引  console.log(value,index);}); ​二、for循环......
  • VMware vSphere HA主机状态故障排除方法
    VmwarevCenterServer和ESXi主机在运行时难免遇到这样那样或潜在的故障,那么如何提前知晓这些故障或处理这些故障呢,在此小编支支招VMwarevSphereHA主机状态故障的排除方法。1、VMwarevSphereHA主机状态故障排除方法一般情况下,vCenterServer会报告vSphereHA主机状况,......
  • 前些年使用jQuery笔记代码
    //jqueryformjsonfunctionformJson(id){vararr=$("#"+id).serializeArray();//form表单序列化varjsonStr="";jsonStr+='{';for(vari=0;i<arr.length;i++){jsonStr+='"'......
  • 为什么程序计数器、虚拟机栈和本地方法栈是线程私有的呢?为什么堆和方法区是线程共享的
    程序计数器、虚拟机栈和本地方法栈是线程私有的,而堆和方法区是线程共享的,这是由于它们在Java虚拟机中的作用和特性所决定的。程序计数器:程序计数器是一块较小的内存区域,用于存储当前线程正在执行的字节码指令的地址。每个线程都有自己独立的程序计数器,用于记录各自线程的执行......
  • 打开蓝牙HCI开关的方法
    打开蓝牙HCI开关的2种方法1.开发模式hcilog->enable;2.adb命令: a.关闭蓝牙开关 b.adbshellsetproppersist.bluetooth.btsnoopenabletrue c.adbshellsetproppersist.bluetooth.btsnooplogmodefull d.打开蓝牙开关可以通过修改如下配置文件,修改hcilog的存放路径:mtkbt......
  • zookeeper.out: Permission denied错误解决方法
    >在验证zookeeper一键部署启动时,通过systemctlstartzookeeper启动报错,详见下图:脚本内容此处忽略,可以明确的是脚本没有问题 排查了很久没有头绪,最终通过系统日志找出问题所在,zookeeper.out:Permissiondenied权限不足。#查看日志tail-20/var/log/messages 既......
  • EtherCAT转Modbus网关连接TwinCAT3的配置方法
    捷米JM-ECT-RTU是自主研发的一款ETHERCAT从站功能的通讯网关。该产品主要功能是将ETHERCAT网络和MODBUS-RTU网络连接起来。网关连接到ETHERCAT总线中做为从站使用,连接到MODBUS-RTU总线中做为主站或从站使用。​编辑切换为居中添加图片注释,不超过140字(可选)ETHERC......
  • ADB 利用wifi无线调试配置方法
    ADB利用wifi无线调试配置方法目录ADB利用wifi无线调试配置方法1、原理2、无线设备连接2-1、TCP端口启用2-2、启用热点2-3、连接adb设备2-4、检查设备连接当设备需要调试,但因为设备模式或USB口无法使用或者是其他的种种原因而无法使用USB直连进行调试的时候。这时可以使用另一......
  • IDEA编译封装APK及发布流程指导
    IDEA编译封装APK及发布流程指导目录IDEA编译封装APK及发布流程指导1、安装AndroidSDK2、创建Android项目3、项目结构4、运行环境准备5、安卓虚拟机运行APP6、发布APK注:以下步骤基于IDEACommunity2023.1.1版本操作1、安装AndroidSDK一开始检查无SDK安装,点击next进行安装:......