工作中学习到的jq的用法（持续更新中）

最新推荐文章于 2024-08-14 19:43:25 发布

zcaixx

最新推荐文章于 2024-08-14 19:43:25 发布

阅读量177

点赞数

分类专栏： jq 文章标签： jq

本文链接：https://blog.csdn.net/zcaixx/article/details/82659922

版权

jq 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.使得按钮不能使用

$("#id").attr("disabled","disabled");//使其不能使用
$("#id").attr("disabled",false);//恢复使用

2.设置css

$("#id").css("border","1px solid gray");

3.使下拉框呈现要求的内容

$("#id option[value=""]").attr("selected",true);

4.控制台输出

console.log();

5.创建HashMap

//创建HashMap
	function HashMap(){  
	    //定义长度  
	    var length = 0;  
	    //创建一个对象  
	    var obj = new Object();  
	    //判断Map是否为空 
	    this.isEmpty = function(){  
	        return length == 0;  
	    };  
	    //判断对象中是否包含给定Key 
	    this.containsKey=function(key){  
	        return (key in obj);  
	    };  
	    //判断对象中是否包含给定的Value 
	    this.containsValue=function(value){  
	        for(var key in obj){  
	            if(obj[key] == value){  
	                return true;  
	            }  
	        }  
	        return false;  
	    };  
	    //向map中添加数据 
	    this.put=function(key,value){  
	        if(!this.containsKey(key)){  
	            length++;  
	        }  
	        obj[key] = value;  
	    };  
	    //根据给定的Key获得Value 
	    this.get=function(key){  
	        return this.containsKey(key)?obj[key]:null;  
	    };  
	    //根据给定的Key删除一个值 
	    this.remove=function(key){  
	        if(this.containsKey(key)&&(delete obj[key])){  
	            length--;  
	        }  
	    };  
	    //获得Map中的所有Value 
	    this.values=function(){  
	        var _values= new Array();  
	        for(var key in obj){  
	            _values.push(obj[key]);  
	        }  
	        return _values;  
	    };  
	    //获得Map中的所有Key 
	    this.keySet=function(){  
	        var _keys = new Array();  
	        for(var key in obj){  
	            _keys.push(key);  
	        }  
	        return _keys;  
	    };  
	    //获得Map的长度 
	    this.size = function(){  
	        return length;  
	    };  
	    //清空Map 
	    this.clear = function(){  
	        length = 0;  
	        obj = new Object();  
	    };  

	var map=new HashMap();

6.ajax

$.ajax({
	type:"Post/Get",
	url:"",
	date:{"ab":ab,"bc":bc},
	success:function(date){
	
	},error:function(e){
		alert("初始化失败");
	}
})

7.转数字类型

var a="02";
var b=a.parseInt(a)+1;

8.获取下拉框被选中的值

$("#id option:selected").text();
$("#id option:selected").val();

9.设置div漂浮正在其他div之上

<head>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	 <img src="/aaa.PNG" data-toggle="modal" data-target="#myModal">
</head>
<body>
	  <!-- 模态框（Modal） -->
	  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	    <div class="modal-content">
	     <div class="modal-header">
	      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
	       &times;
	      </button>
	      <h4 class="modal-title" id="myModalLabel">
	       模态框（Modal）标题
	      </h4>
	     </div>
	     <div class="modal-body">
	      在这里添加一些文本
		     </div>
	     <div class="modal-footer">
	      <button type="button" class="btn btn-default" data-dismiss="modal">关闭
	      </button>
	      <button type="button" class="btn btn-primary">
	       提交更改
	      </button>
	     </div>
	    </div><!-- /.modal-content -->
	   </div><!-- /.modal -->
	  </div>
	  </body>

展示为：
在这里插入图片描述
10.ztree型人员展示