0
点赞
收藏
分享

微信扫一扫

JQuery-- jQuery相关属性

程序员阿狸 2022-04-25 阅读 83

1.工具方法

$.each:遍历出字符串数组names里面的所有元素。
$.each:遍历出对象person里面的所有属性。
$.each:遍历出对象数组persons里面的所有对象的所有属性。
$.trim:打印出去除前后空格之后字符串str的长度。
$.type(obj):获取变量sb的数据类型。
$.isAarray(obj):判断persons是不是数组。
$.isFunction(obj):判断sa和sb是不是函数。
$.parseJSON(obj):解析JSON字符串personJson,然后打印出解析后的对象的name和sex	属性。
$(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));

2.属性

attr():获取id为sa的img元素的src属性值。
attr():动态的给元素a设置href属性(百度)。
removeAttr():移除“百度”的超链接属性(href)。
addClass():给元素a标签添加一个sb类名。
removeClass():删除a标签的sb类名。
prop():给a标签添加一个name属性。
prop():完成复选框的全选和取消全选案例。
html():获取body标签里的所有内容。
text():获取span标签里的内容。
// 			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 条评论