码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-06-02 11:14:49      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:元素   设置   pre   文档   click   text   属性   标记   type   

一、获得内容-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>

 

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

标签:元素   设置   pre   文档   click   text   属性   标记   type   

原文地址:https://www.cnblogs.com/sunshuhai/p/9124393.html

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