当前位置: jquery教程 > 01-hellojquery > 阅读正文

jquery控制html

2021.5.27.   316 次   682字

jquery可以通过.html获取与设置html, 同时还有简便的.text()与.val()以及.attr()

  • html() 设置,获取元素html, –> 相当于innerHTML
  • text() 设置,获取元素text –>相当于innerText
  • val() 设置,获取元素val –>相当于.value
  • attr() 设置,获取元素”属性值” –>相当于set,getAttribute

获取html值

可以直接使用.html()方法, 获取或设置html值,

<div id="div1"></div>
<svript>
   var html = $("#div1").html();
   alert(html);  //弹出获取后的值
</script>

对于 .text(), 则是获取 text值, 不过多赘述

而 .val() 是指获取 input 输入框中的 value 值 (不单是input, 只要是value就可以)

<input type="text" id="test" value="52的小窝">
alert("Value: " + $("#test").val());  //弹出值

至于 .attr() 属性, 则是获取属性值, 可以指定任一属性

<a href="https://www.52dixiaowo.com" id="xw">52的小窝</a>
alert($("#xw").attr("href"));  //输出的将是 href 的属性值

设置html值

设置 html , 和获取很相似

只需要在括号体中, 传入对应的参数即可

xxx.html("值");
xxx.text("值");
xxx.val("值");
xxx.attr("属性名","属性值");

本篇完,还有疑问?

加入QQ交流群:11500065636 IT 技术交流群