jQuery02

 

                    1.jQuery工具

$.each()            遍历数组、对象、对象数组中的数据 $.trim()              去除字符串两边的空格 $.type()             得到数据类型 $.isArray()         判断是否是数组 $.isFunction()    判断是否是函数 $.parseJSON()    解析json字符串转换为js对象/数组 JSON.stringify()    将对象变成json字符串

                      (下面是各个jQuery的使用方法)

            //1.1 $.each()遍历数组,对象的数据
			//定义对象
 			var stu={"name":"牛逼":"age":"38"};
 			//遍历对象
 			// console.info(stu.name,stu.age);
 			$.each(stu,function(k,v){
 					console.info(v);
 				})

 			var names=["sm张","dm张","sb张","cs张"];
 			//遍历数组	
 				$.each(names,function(i,n){//小标元素
 					console.onfo(n);
 				})

 			var stus=[{"name":"sm牛逼":"age":"38"},{"name":"dm牛逼":"age":"28"}];
 			//遍历对象数组
 			$.each(stus,function(i,s){
 				// console.info(s.name,s.age);//方式一
 				$.each(s,function(k,v){//方式二
 					console.info(v);
 				})
 			})

 			//1.2 $.trim()去除前后空格
 			var str="  str  ";
 			console.info($.trim(str).length);
			
			//1.3 $.type()得到数据类型
 			var stu={"name":"牛逼":"age":"38"};
 			var stus=[{"name":"sm牛逼":"age":"38"},{"name":"dm牛逼":"age":"28"}];
 			var str=1.5;
 			console.info($.type(stus));
 			
			//1.4  $.isFunction 判断是否是函数
 			var stu={"name":"牛逼":"age":"38"};
 			// console.info($.isFunction(stu));
			console.info($.isFunction(myf));
			//1.5$.isArray 判断是否是数组
 			var stu={"name":"牛逼":"age":"38"};
 			var stus=[{"name":"sm牛逼":"age":"38"},{"name":"dm牛逼":"age":"28"}];
 			console.info($.isArray(stus));
 			
 			//1.6 $ parseJSON() 解析json格式的字符串-->js的数组/对象
 			//定义对象字符串
 			var stuStr='{"name:"牛逼","age":"38"}'
 			// console.info($.type(stuStr));
 			//对象字符串--->对象
 			var stuStr=$.parseJSON(stuStr);
 			// console.info($.type(stu));
 			// console.info(stu.name,stu.age);
 			$.each(stu,function(k,v){
 				console.info(v),
 			})
			

                2.css属性使用方法

attr()    获取标签的值或者设置标签属性的值 removeAttr()    删除标签属性 addClass()    给标签添加class属性值 removeClass()    删除标签的class属性值 prop()    prop用于属性值为Boolean类型的情况，比如多选

                      注: attr控制标签属性，prop控制js属性

	        //2.1 attr()  拿值  设值
 			var mpath=$("#aa").attr("src");
 			console.info(mpath);//拿值		//设值
 			$("#aa").attr("src","img/2.png");
 			$("#aa").attr("width","200px");
			
			2.2 removeAttribute() 移除值
			$("#aa").removeAttr("src");
			$("#aa").removeAttr("width");
			
			//2.3 addClass() 动态增加样式
			$("#aa").addClass("xx");//样式的叠加
			$("#aa").attr("class","xx");//样式的替换
			
			//2.4 removeClass() 删除对应样式
			$("#aa").removeClass("xx");
			
			//2.5prop个attr的区别 属性值是boolean类型的时候
			//给图片增加name值
			//$("#aa").attr("name","abc");
 			$("#aa").prop("name","abc");
 			
 			$("#ok").click(function(){
 				$(".abc").prop("checked",true);
 				})
 			$("#nook").click(function(){
 				$(".abc").prop("checked",false);
 				})