jquery设置和获取html,文本,值

来源:互联网 发布:词典 知乎 编辑:程序博客网 时间:2024/05/22 10:44

//html()获取元素的html内容相当于javascript的innerHTML,只适用于html,在xml中不起作用

//text()获取元素的文本内容 详单于javascript的innerText,在html和xml众都起作用

//val()获取表单元素的值相当于javascript的value

 

 

<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<title>无标题文档</title>
</head>

<script>
//设置和获取html,文本,和值
$(function(){
 //html()获取元素的html内容相当于javascript的innerHTML,只适用于html,在xml中不起作用
 var $p=$("p").html();
 //alert($p);
 //设置html的值
//$("p").html("不喜欢");
 
 //text()获取元素的文本内容 详单于javascript的innerText,在html和xml众都起作用
 var $p=$("p").text();
//alert($p);
 
 //val()获取表单元素的值相当于javascript的value
  var $val=$("input").val();
  //alert($val);
   $("input").val("xxx");
    var $val=$("input").val();
   alert($val);
  })
</script>

<body>
<p class = "hight1"title="水果">你最喜欢的水果</p>
<ul>
 <li>苹果</li>
 <li name="o">橘子</li>
 <li name="m">香蕉`</li>
</ul>
<input type="text" name="username" value="请输入用户名">
</body>

 

原创粉丝点击