jQuery-常用属性和工具方法

一，常用属性和工具方法

工具方法

1.$.each();遍历指定的数组或对象等...

2.$.trim();去除字符串两边的空格

3.$.type();得到数据的类型

4.$.isArray();判断是否是数组

5.$.isFunction();判断是否是函数

6.$.parseJSON();解析json字符串转换为对象或数组

属性

7.attr();设置某个标签的值或获取某个标签的值

8.removeAttr();//删除某个标签属性

9.addClass();//给某个标签添加class属性值

10.removeClass();//删除某个class属性的值

11.prop()和attr()类似，区别prop用于属性为Boolean类型的情况比如多远

12.html();获取某一个标签体类容，可以包含子标签内容(包含标签名)/设置

13.text();获取某一个标签内容，可以包含子标签内容(不包括标签名)/设置

14.val();获取用户输入框的内容/设置

案例如下:

$(function(){
				/*1.遍历数组 对象 对象数组里的数据 */
/* 				var sz=["1","2","3","4","5"];
				$.each(sz,function(i,v){//下标，值
					console.info("数组值:   "+v)
				}) */
				/* 遍历对象 */
/* 				var dx={"name":"蒋哈哈","sex":"男","age":18};
				$.each(dx,function(i,v){//键，值每个建对应每个值
					console.info(v)
				}) */
				/* 遍历对象数组 */
/* 				var dxsz=[{"name":"小蒋"},{"name":"中蒋"},{"name":"大蒋"}];
				$.each(dxsz,function(i,v){//下标 和值(对象)
				console.info(v.name) */
					/* 继续遍历v */
/* 					$.each(v,function(a,b){//键和值
						console.info(b)
					})
				}) */
				/* 2.去除两边字符串的空格 */
/* 				var sa=" 12345 ";
				console.info($.trim(sa).length) */
				/* 3.得到数据类型 */
/* 				var sa="123";
				var sb=123;
				var sc=12.3;
				var sd=true;
				var se='1';
				var sf=[1,2,3];
				var sg={"1":2};
				console.info($.type(sa))
				console.info($.type(sb))
				console.info($.type(sc))
				console.info($.type(sd))
				console.info($.type(se))
				console.info($.type(sf))
				console.info($.type(sg)) */
				/* 4.判断是否是数组 */
/* 				var sz=["1"];
				console.info($.isArray(sz)) */
				/* 5.判断是否是函数 */
	/* 			var hs=1;
				console.info($.isFunction(hs)) */
				/* 6.解析json字符串转换为对象/数组 */
				/* 数组 */
/* 				var sz='[123,456,789]';
				var szs=$.parseJSON(sz);
				console.info($.type(szs)) */
				/* 对象 */
				/* var dx='{"name":"男","sge":18}'; */
				/* 解析 */
/* 				var dxs=$.parseJSON(dx);
				console.info($.type(dxs)); */
				/* 7.设置标签值 获取标签值 */
				/* 获取 */
/* 				var sa=$("a").attr("class");
				console.info(sa) */
				/* 设置 */
				/* $("a").attr("href","https://www.baidu.com"); */
				/* 8.删除标签 */
				/* $("a").removeAttr("href") */
				/* 9.给标签添加class属性 */
				/* $("a").addClass("a") */
				/* 10.删除某个标签的class属性 */
				/* $("a").removeClass("a") */
				/* 11.prop attr设置复选框全部选中 */
				/* $(".na").prop("checked",true); */
				/* $(".na").attr("checked",true) */
				/* 12 html获取某一个标签内容 设置*/
			/* 	var sa=$("body").html();
				console.info(sa) */
				/* var sa=$("body").html("123"); */
				/* 13 text获取某一个标签内容(不包括下级标签名但是有内容) */
/* 				var sb=$("body").text();
				console.info(sb) */
				/* 14.val获取用户输入的值 设置*/
/* 				var sa=$("#ip").val();
				console.info(sa) */
	/* 			var sa=$("#ip").val(123123); */
				/* 15.text 设置*/
				/* $("span").text("你是傻逼") */
			})

二，jquery优化js全选框

两种代码如下 hhh明显是jquery代码更简洁哈

jQuery代码如下
$(function(){
/* 给反选按钮添加点击事件 */
	$("#qx").click(function(){
/* 根据class属性的值获取标签 并设置checked为true*/
		$(".na").prop("checked",true);
	})
})

js代码如下
function fa(){
	/* 获取全选框的id */
	var sa=$("allCheckBox");
	/* 根据name属性的值获取标签 */
	var sb=document.getElementsByName("cartCheckBox");
	/* 遍历Name */
	for(var i=0;i<sb.length;i++){
		sb[i].checked=sa.checked;
	}
}

---