07-jquery中data()方法的作用

最新推荐文章于 2022-06-14 23:12:22 发布

涅槃重升

最新推荐文章于 2022-06-14 23:12:22 发布

阅读量176

点赞数

文章标签： jQuery data属性 DOM操作存储数据删除数据

本文链接：https://blog.csdn.net/suchaoh/article/details/110096142

版权

function printVlaue(){
	
		//通过data()在testDiv元素上存储 {ename:zhangsan} 健/值对。
		$("#testDiv").data("ename", "zhangsan");
		//修改data()通过 data-* 属性存储的值
		$("#testDiv").data("cname", "我是张三");
	
		console.log( "获取通过data()存储在testDiv元素上的ename值:", 		$("#testDiv").data("ename") );
		console.log( "获取通过 data-* 存储在testDiv元素上的cname值:", 	$("#testDiv").data("cname") );
		//$("#testDiv").jQueryremoveAttr("data-"+"abc");
		
		console.log( "获取ename值:", $("#testDiv").data("ename") );
		console.log( "获取cname值:", $("#testDiv").data("cname") )
		
		console.log("删除testDiv元素上 ename 和 cname 键/值对。");
		$("#testDiv").removeData("ename");
		$("#testDiv").removeData("cname");
		
		console.log("输出 eanem 和 canme 对应的值，看是否已经删除");
		console.log( $("#testDiv").data("ename") );
		console.log( $("#testDiv").data("cname") );
		
	
	};