【html、CSS、javascript-10】jquery-操作元素(属性CSS和文档处理)

一、获得内容-text、html、val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:

$("#btn1").click(function(){
  alert("值为: " + $("#test").val());
});

 下面的例子是修改text的值,将选择的对象全部进行修改

<body>
    <div>aaaa</div>
    <div>aaaa</div>
    <div>aaaa</div>
    <input type="button" value="点我" onclick="Func();">
    <script src="jquery.js"></script>
    <script>
        function Func() {
            $("div").text("hello world!")
        }
    </script>
</body>

猜你喜欢

转载自www.cnblogs.com/sunshuhai/p/9124393.html