JQuery的属性

	$(function(){
			//定义数组
			var s = ["a","b","c","d"];
			//定义对象 键值对:{"键/对象属性","值"};
			var p = {"name":"小呆呆","sex":"男","age":12}
			//定义数组对象
			var darray = [{"name":"小呆呆","sex":"女","age":12,"name":"呆呆","sex":"男","age":13,"name":"大呆呆","sex":"男","age":14}]
			//遍历数组
			// $.each(s,function(i,v){
			// 	console.info(i+"_"+v);
			// })
			//遍历对象
			// $.each(p,function(k,v){键值对
			// 	console.info(k+"_"+v);
			// })
			//遍历对象数组
			// $.each(darray,function(i,v){
			// 	console.info(v.name+"_"+v.age)
			// })
			var a = " a ";
			var b = 'b';
			var c = true;
			var d = 11.1;
			var e = [1,2,3,1];
			var f = {"name":"张三"};
			//判断数据类型
			console.info("a:"+$.type(a));
			console.info("b:"+$.type(b));
			console.info("c:"+$.type(c));
			console.info("d:"+$.type(d));
			console.info("e:"+$.type(e));
			console.info("f:"+$.type(f));
			//去除空格
			$.trim(a);
			//判断是否是数组
			console.info($.isArray(a));
			//判断是否是方法
			console.info($.isFunction(a));
			//JSON技术
			var darray1 = '[{"name":"小呆呆","sex":"女","age":12,"name":"呆呆","sex":"男","age":13,"name":"大呆呆","sex":"男","age":14}]'
			console.info($.parseJSON(darray1));
			
			
			
			// <!--
			// 			1.attr():
			// 				1.1获取id为sa的img元素的src属性值。
			               console.info($("#sa").attr("src"))
			// 				1.2动态的给a元素设置href属性值。
			$("a").attr("href","https//:www.baidu.com");
			// 			2.removeAttr():移除“百度”的超链接属性。
			$("a").removeAttr('href');
			//			3.addClass():给a标签添加一个sb类名。
			$("a").addClass("sb");
			// 			4.removeClass():删除a标签的sb类名。
			$("a").removeClass("sb");
			// 			5.prop():给a标签添加一个name属性。
			$("a").prop("name","na");
			// 			6.案例:全选和取消全选。
			// 			7.html()、text()、val():
			// 				7.1通过text()属性获取span标签里的内容。
			var sa = $("#sa").text();
			//				7.2通过text()重新设置span标签里的内容。
			var sa = $("#sa").text("新内容");
			// 				7.3通过html()属性获取body标签里的内容。
			var st = $("body").html();
			// 			8.案例:使用jQuery属性优化表格隔行换色案例。
			$("#qx").click(function(){
				var cas = $(".sa");
				$.each(cas,function(i,v){
					// $(v).attr("checked",true);
					$(v).prop("checked",true);
				})
			})
			$("#fx").click(function(){
				var cas = $(".sa");
				$.each(cas,function(i,v){
					// $(v).attr("checked",true);
					$(v).prop("checked",false);
				})
			})
			// 			-->
		});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值