龙空技术网

Jquery属性操作之attr方法详解

浩淼软件 285

前言:

眼前同学们对“textjquery”可能比较注意,各位老铁们都需要分析一些“textjquery”的相关知识。那么小编在网络上收集了一些有关“textjquery””的相关知识,希望朋友们能喜欢,同学们一起来了解一下吧!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ";><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript" src="jquery-1.7.js"></script> <style type="text/css">	 p:hover{	 color:red;		 cursor:pointer;		 background:blue;	 }	 .cla{	 font-size:30px;		 color:red;	 } </style> <script type="text/javascript"> //attr(属性名称) 获取指定标签的指定属性值	 function f1()	 {		 //获取iName文本框中的type属性	 alert($("#iName").attr("type"));		 //获取第一个p标签的class值		 alert($("p").first().attr("class"));	 } //attr({属性:'属性值',属性:'属性值'})	function f2()	{	 //将p标签中除了class为p1的所有p标签的class样式设置为cla	 $("p").not(".p1").attr({"class":'cla'});	} //removeAttr(属性名称) function f3()	{	 //将用户名文本框的style属性移除		$("#iName").removeAttr("style");	}  </script> </head> <body> 	<p class="p1">床前明月光</p>	<p>疑是地上霜</p>	<p>举头望明月</p>	<p>低头思故乡</p> 用户名: <input type="text" style="border:2px solid green" id="iName"><br/><br/> <input type="button" value="attr(xx)获取指定属性值" onclick="f1()"> <input type="button" value="使用attr设置属性" onclick="f2()"> <input type="button" value="removeAttr移除属性值" onclick="f3()"> </body> </html>

标签: #textjquery