jQuery实例4

最新推荐文章于 2025-08-15 07:27:47 发布

转载最新推荐文章于 2025-08-15 07:27:47 发布 · 561 阅读

文章标签：

#jquery #button #xhtml #html #input #function

JavaScript 同时被 2 个专栏收录

15 篇文章

订阅专栏

AJAX

14 篇文章

订阅专栏

有关attr属性的应用2个实例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="jquery.js"></script>
  
  <script>
	function sure(){
    $("button:gt(0)").attr("disabled","disabled");
  };
  </script>
  <style>
  button { margin:10px; }
  </style>
</head>
<body>
  <button>0th Button</button>
  <button>1st Button</button>
  <button>2nd Button</button>
  除第一个按钮以外，其它禁用<input type="button" value="确定" onclick="sure();" />
</body>
</html>

另一个实例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script src="jquery.js"></script>
  
  <script>
  function sure(){    
    var title = $("em").attr("title");
    $("div").text(title);
  };
  </script>
  <style>
  em { color:blue; font-weight;bold; }
  div { color:red; }
  </style>
</head>
<body>
  <p>
    Once there was a <em title="huge, gigantic">large</em> dinosaur...
  </p>
  The title of the emphasis is:<div></div>
  获取em的title属性
  <input type='button' onclick='sure();' value='确定' />
</body>
</html>