码迷,mamicode.com
首页 > Web开发 > 详细

jQuery (三)DOM 操作

时间:2018-04-14 23:46:18      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:set   on()   test   btn   utf-8   UNC   input   ####   web项目   

一般jquery在web项目的只要作用就是取值和赋值了。

下面了入门下,这些值得获取。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>jQuery HTML</title> 
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  //################
  //输出text
  $("#btn1").click(function(){
  alert("text=:"+$("*").text());
    ;
  });
  
    //输出html
  $("#btn2").click(function(){
    alert("text=:"+$("#test").html());
  });
  
      //输出val
  $("#btn3").click(function(){
    alert("text=:"+$("#val").val());
  });
 
       //输出文本框
  $("#btn4").click(function(){
    alert("text=:"+$("#val2").val());
  });
  
    //根据属性获取对象的值
  $("#btn5").click(function(){
    alert("type=:"+$("#val").attr("type"));
  });
});
</script>
</head>

<body>
<p id="test">这是段落中的 <b>粗体</b> 文本。</p>
 <input type="text" id="val" value="菜鸟">
 <textarea id="val2" ></textarea>
  <input type="text" id="val" value="菜鸟">
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
<button id="btn3">显示 val</button>
<button id="btn4">显示 文本框的值</button>
<button id="btn5">显示 属性的值</button>

</body>
</html>

  

jQuery (三)DOM 操作

标签:set   on()   test   btn   utf-8   UNC   input   ####   web项目   

原文地址:https://www.cnblogs.com/sunxun/p/8835255.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!